 @charset "utf-8";
 /* CSS Document */
 * {
     margin:0;
     padding:0;
 }

 body {
     font-size:16px !important;
 }
 a:link {
     text-decoration: none;
 }

 a:visited {
     text-decoration: none;
 }

 a:hover {
     text-decoration: none;
 }

 a:active {
     text-decoration: none;
 }

 #logo
 {
     float:left; height:96px; width:265px;
 }

 #menu
 {
     float:right;  padding-top:65px;
 }

 #topheader
 {
     /*    background-image:url(../images/bg_01.jpg);
         background-repeat:repeat-x; height:96px; width:100%;*/
     background: white;
     margin:0 auto;
 }

 body {
     background-color: #f7f8f3;
 }

 .results-page {
     background-color: #f7f8f3;
 }

 .outcome-icon {
     width: 25px;
     height: 25px;
 }

 .step-icon {
     color: #0E78AD;
 }

 .middlecontent
 {

     min-width:1024px;
     margin:0 1em;
     width: auto !important; /*IE6 hack*/
     width:1024px;

     /*IE6 hack*/
     /*border: 1px solid #FF0000;
     background-color:#999999;*/
 }

 td.tag-title {
     /* essential */

     text-overflow: ellipsis;
     width: 17.5em;
     max-width: 17.5em;
     white-space: nowrap;
     overflow: hidden;
 }


 .story-coverage
 {
     border-left: 1px solid #88a717; padding-left: 10px
 }

 .requireent-type-heading {
     padding-top: 1em;
     padding-bottom: 1em;
 }

 .scenario-comments {
     font-style: italic;
     font-weight: normal;
     margin-left: 2em;
     margin-bottom: 0.5em;
 }

 .scenario-comments i {
     padding-right: 0.5em;
 }

 #bottomfooter
 {
     background-image:url(../images/bg_04.jpg); height:26px; background-repeat:repeat-x; margin:0 auto;
 }


 footer {
     position: absolute;
     bottom: 0;
     width: 100%;
     background-color: #333;
     color:grey;
 }

 .requirement-name-column {
     min-width: 20em !important;
 }

 .test-name-column {
     min-width: 35em !important;
 }

 #topbanner
 {
     min-width:1024px;
     margin:0 1em;
     width: auto !important; /*IE6 hack*/
     width:1024px; /*IE6 hack*/
     /*border: 1px solid #FF0000;*/
 }

 .topb {
     min-width:1015px;
     max-width:1015px;
     height:10px;
     background-image:url(../images/topm.jpg);
     background-repeat:no-repeat;
 }

 .screenshot {
     border-bottom: solid #2b65ec 2px;
     border-top: solid #6b90da 1px;
     border-left: solid #6b90da 1px;
     border-right: solid #2b65ec 2px;
 }

 .leftbg
 {
     background-image:url(../images/top-left.jpg);
     width:9px;
     height:30px;
     float:left;
 }

 .middlebg
 {
     min-width:1007px;
     height:3.5em;
     padding: 0px;
     padding-left: 10px;
     clear:left;
 }

 .rightbg
 {
     padding-left: 0px;
     float:left;
 }

 .clr
 {
     clear:both;

 }

 .leftbgm
 {
     background-image:url(../images/small-middle-left.jpg);
     width:4px; height:39px;
     float:left;
 }

 .middlebgm
 {
     background-image:url(../images/small-middle.png);
     height:39px;
     float:left; width:1008px;
 }

 .rightbgm
 {
     background-image:url(../images/small-middle-right.png);
     width:3px; height:39px;
     float:left;
     background-repeat: no-repeat;
 }

 .tall_leftbgm
 {
     background-image:url(../images/middle-left.jpg);
     width:9px; height:79px;
     float:left;
 }

 .tall_middlebgm
 {
     background-image:url(../images/middle.jpg);
     height:79px;
     float:left; width:1008px;
 }

 .tall_rightbgm
 {
     background-image:url(../images/middle-right.jpg);
     width:7px; height:79px;
     float:left;
 }


 .story-outcome-icon
 {
     padding: 2px;
     margin: 4px;
     margin-right: 8px;
     width: 36px;
     height: 36px;
 }

 .custom-field-title {

 }

 .test-outcome-title-bar {
     padding: 8px;
 }

 .test-title-bar {
     padding: 8px;
     color: darkblue;
 }
 .test-case-title {
     margin: 2px;
     margin-left: 40px;
     padding-top: 16px;
     font-family:euphemia, verdana, sans-serif;
     font-size:1.3em; color: #88a717; font-style:normal;
     font-weight:normal; font-size-adjust:inherit;
 }

 .test-case-duration {
     text-align: right;
     float: right;
 }

 h3.story-header {
     color: gray;
     font-size: 1.3em;
     padding-left: 4px;
     font-weight: normal;
     font-style: italic;
 }

 h3.discreet-story-header {
     color: gray;
     font-size: 1.1em;
     padding-left: 4px;
     font-weight: normal;
     font-style: normal;
     margin-top: 10px;
 }

 .story-header-title {
     padding-left: 20px;
     padding-right: 20px;
 }

 .discreet-requirement-narrative-title {
     /*     color: #0d78ae; */
     color: darkgrey;
     font-size: 1.0em;
     font-family:euphemia, verdana, sans-serif;font-size: 15px; font-weight:lighter; font-style: italic;
     /*border: #6495ed solid thin;*/
     padding: 4px;
 }

 .discreet-requirement-narrative-title table {
     border: #6495ed solid thin;
     width: 100%;
     margin-top: 1em;
     margin-bottom: 1em;
 }

 .rule-title {
     color: #428bca;
     font-family:euphemia, verdana, sans-serif;font-size: 1.3em; font-weight:normal; font-style: italic;
     padding-bottom: 0.5em;
 }

 .rule-title i {
     padding-right: 0.25em;
 }

 .discreet-requirement-narrative-title td, th {
     padding: 0.25em;
 }

 .tags {
     vertical-align: text-top;
     padding: 4px;
 }

 .tag {
     text-align: right;
     display: block;
     padding-top: 2px;
     margin: 0 0 5px;
 }

 .rule-tags {
     text-align: right;
 }

 .example-tags {
     text-align: right;
 }

 .inline-tag {
     padding-top: 2px;
     padding-right: 5px;
     margin: 0 0 5px;
 }

 .feature-tags .tag-badge {
     background-color: #0d78ae;
 }

 .rule-tags .tag-badge {
     background-color: #0d78ae;
 }

 .example-tags .tag-badge {
     background-color: #4c963e;
 }

 i.tag {
     color:#ff1631
 }
 .outcome-header {
     width: 100%;
 }

 .outcome-header li {
     margin-left: 20px;
 }

 .related-issue-title {
     /*display:block;*/
     font-size:14px;
 }

 .related-issues {
     display:block;
     font-size:12px;
 }

 .test-FAILURE {
     background-color: #fd989b;
 }


 .test-ERROR {
     background-color: #f5ad59
 }

 .test-COMPROMISED {
     background-color: plum;
 }

 .test-SKIPPED {
     background-color: #eeeadd;
 }

 .test-ABORTED {
     background-color: #ff8f53;
 }

 .test-IGNORED {
     background-color: #eeeadd;
 }

 .test-PENDING {
     background-color: #e5f2eb;
 }

 .caption
 {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae; padding-left: 25px; font-style: italic
 }

 .breadcrumbs
 {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae; text-transform: capitalize;
 }

 .bluetext
 {
     font-family:euphemia, verdana, sans-serif; font-size:16px; color: #0d78ae;
 }

 .redtext
 {
     font-family:euphemia, verdana, sans-serif; font-size:16px; color:#CC0033;
 }
 .yellowtext
 {
     font-family:euphemia, verdana, sans-serif; font-size:16px; color:#CCCC33;
 }
 .lightredtext
 {
     font-family:euphemia, verdana, sans-serif; font-size:16px; color:#FF6600;
 }
 .lightgreentext
 {
     font-family:euphemia, verdana, sans-serif; font-size:16px; color: #88a717;
 }
 .orangetext
 {
     font-family:euphemia, verdana, sans-serif; font-size:24px; color: #fd3e03; font-weight:bold; font-size-adjust:inherit;
 }
 .lightorangetext
 {
     font-family:euphemia, verdana, sans-serif; font-size:16px; color: #fd3e03;
 }
 .violettext
 {
     font-family:euphemia, verdana, sans-serif; font-size:16px; color: darkviolet;
 }
 .greentext
 {
     font-family:euphemia, verdana, sans-serif; font-size:16px; color: #88a717; font-weight:normal;
 }

 .small
 {
     font-size:12px;
 }


 .caption
 {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae; padding-left: 25px; font-style: italic
 }


 .textmiddle
 {
     vertical-align:middle;
 }

 #contentbody
 {
     margin:25px 0px 25px 0px;
 }

 #contenttittle
 {
     margin:00px 25px 00px 10px;
 }
 #contenttop
 {
     /*    background-image:url(../images/top.jpg);
         float:inherit;
         background-repeat:repeat-x;
     */    height:30px;
 }

 #beforefooter
 {
     height:70px;
 }

 #beforetable
 {
     height:10px;
 }
 .tablerow
 {
     background-image: url(../images/tablebg.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#f5f6ee;
     width:1025px; float:left;
 }

 .toptablerow
 {
     background-image: url(../images/greenline.jpg); background-position:bottom; background-repeat:repeat-x;  background-color:#f5f6ee;
     width:1025px; float:left; height:60px;
 }


 .icon
 {
     height:16px; width:16px;
 }

 /* Added by jfs */
 .pending-color {
     color: #0d78ae;
 }

 .success-color {
     color: #88a717;
 }

 .failure-color {
     color: #fc2a1c;
 }

 .error-color  {
     color: #FF6108;
 }

 .flag-color {
     color:#ff1631
 }

 .ignore-color {
     color: #CCCC33;
 }

 .skip-color {
     color: darkgoldenrod;
 }

 .aborted-color {
     color: #FDAA7D;
 }

 .compromised-color  {
     color: #ff68ff;
 }

 .group-heading {
     font-family:euphemia, verdana, sans-serif; font-size:18px; color: #0d78ae; font-weight: bold;
 }


 .top-level-step {
     font-family:euphemia, verdana, sans-serif; font-size:15px; color: #0d78ae; font-weight: normal;
 }
 .nested-group-step {
     font-family:euphemia, verdana, sans-serif; font-size:14px; font-style:italic; color: #0d78ae;
 }
 .nested-step {
     font-family:euphemia, verdana, sans-serif; font-size:14px; font-style:italic; color: #0d78ae;
 }

 .top-level-icon {

     height: 25px;
     width: 25px;
     margin-right: 5px;
 }

 .nested-icon {
     height: 20px;
     width: 20px;
 }

 .nested-group-icon {
     height: 20px;
     width: 20px;
 }

 .summary-icon {
     height: 15px;
     width: 15px;
     margin-right: 5px;
 }

 .error-message-cell .table{
     width: 99%;
 }
 .error-message {
     font-family:euphemia, verdana, sans-serif; font-size:12px; color:#CC0033; text-align:left; width:100%;
 }

 .error-message-title {
     font-family:monospace; font-size: 14px; color: black;
     white-space: pre-wrap;
 }
 .parameters {
     display: block;
     font-size:14px; font-style: italic; color:grey;
 }

 .single-parameter {
     font-size:14px; font-style: italic; color:grey;
 }

 .SUCCESS-text {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #88a717;
 }

 .FAILURE-text {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #CC0033; font-style:italic;
 }

 .ERROR-text {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #FF6108; font-style:italic;
 }

 .COMPROMISED-text {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: blueviolet; font-style:italic;
 }

 .PENDING-text {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color:#0d78ae; font-style:italic;
 }

 .IGNORED-text {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color:#0d78ae; font-style:italic;
 }

 .SKIPPED-text {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color:#0d78ae; font-style:italic;
 }

 .ABORTED-test {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: rgba(255, 153, 102,0.7); font-style:italic;
 }

 .SUCCESS-item-text {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #88a717; font-style:italic;
 }

 .FAILURE-item-text {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #fd3e03; font-style:italic;
 }

 .PENDING-item-text {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color:#0d78ae; font-style:italic;
 }

 .IGNORED-item-text {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color:#0d78ae; font-style:italic;
 }

 .SKIPPED-item-text {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color:#0d78ae; font-style:italic;
 }

 .ABORTED-item-text {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color:rgba(255, 153, 102,0.7); font-style:italic;
 }

 .release-title {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #88a717;
 }

 .release-stats {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: black;
 }


 /*
 .redtext
 {
 font-family:euphemia, verdana, sans-serif; font-size:16px; color:#CC0033;
 }
 .lightredtext
 {
 font-family:euphemia, verdana, sans-serif; font-size:16px; color:#FF6600;
 }
 .lightorangetext
 {
 font-family:euphemia, verdana, sans-serif; font-size:16px; color: #fd3e03;
 }
 .greentext
 {
 font-family:euphemia, verdana, sans-serif; font-size:16px; color: #88a717; font-weight:bold;
 }
 */

 /* TREEMAP Styling */

 #graph {
     width:700px;
     margin-left: 50px;
 }

 #dashboard {
     width:700px;
     height: 500px;
     margin-left: 50px;
     border: 1px solid #BBB;
     background-color: #DDD;
 }

 #progress-gradient {
     background: #e6f4ff; /* Old browsers */
     background: -moz-linear-gradient(left, #e6f4ff 0%, #0065ff 80%, #0023e1 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e6f4ff), color-stop(80%,#0065ff), color-stop(100%,#0023e1)); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(left, #e6f4ff 0%,#0065ff 80%,#0023e1 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(left, #e6f4ff 0%,#0065ff 80%,#0023e1 100%); /* Opera11.10+ */
     background: -ms-linear-gradient(left, #e6f4ff 0%,#0065ff 80%,#0023e1 100%); /* IE10+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f4ff', endColorstr='#0023e1',GradientType=1 ); /* IE6-9 */
     background: linear-gradient(left, #e6f4ff 0%,#0065ff 80%,#0023e1 100%); /* W3C */
 }

 #result-gradient {
     background: #ff0000; /* Old browsers */
     background: -moz-linear-gradient(left, #ff0000 0%, #ffff00 50%, #00ff00 100%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(50%,#ffff00), color-stop(100%,#00ff00)); /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(left, #ff0000 0%,#ffff00 50%,#00ff00 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(left, #ff0000 0%,#ffff00 50%,#00ff00 100%); /* Opera11.10+ */
     background: -ms-linear-gradient(left, #ff0000 0%,#ffff00 50%,#00ff00 100%); /* IE10+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 */
     background: linear-gradient(left, #ff0000 0%,#ffff00 50%,#00ff00 100%); /* W3C */
 }

 .legend {
     width: 400px;
     height: 20px;
     margin: 8px;
     margin-left: 0px;

     font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size:0.9em;

     padding: 5px;
     border: 1px solid #d3d3d3;
     border-bottom: 2px solid #ccc;
     border-right: 2px solid #ccc;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }


 /*- Menu--------------------------- */

 #link_menu {
     width: 200px;
     margin: 0px;
     border-style: solid solid none solid;
     border-color: #D8D5D1;
     border-size: 1px;
     border-width: 1px;
 }

 #link_menu li a {
     height: 32px;
     voice-family: "\"}\"";
     voice-family: inherit;
     height: 24px;
     text-decoration: none;

     font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size:0.9em;
 }

 #link_menu .selected {
     font-weight: bold;
 }

 #link_menu li a .selected {
     font-weight: bold;
 }

 #link_menu li a:link, #link_menu li a:visited {
     color: #3688BA;
     display: block;
     background:  url(../images/links_menu.png);
     padding: 8px 0 0 30px;
 }

 #link_menu li a:hover {
     color: #3688BA;
     background:  url(../images/links_menu.png) 0 -32px;
     padding: 8px 0 0 32px;
 }

 #link_menu ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 #link_menu img {
     border: none;
 }


 .graphview {
 }

 .graphlinks  {
     margin: 8px;
     margin-left: 20px;
     padding: 8px;
     vertical-align: top;
 }

 .linksmenu {
     width: 170px;
     height: 40px;
     margin: 8px;
     margin-left: 20px;
     padding: 8px;
     font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size:0.9em;

     padding: 5px;
     border: 1px solid #d3d3d3;
     border-bottom: 2px solid #ccc;
     border-right: 2px solid #ccc;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }

 .result-graph {
     border: 1px solid gray;
     border-bottom: 1px solid #d3d3d3;
     border-right: 1px solid #d3d3d3;
 }

 .legend-zone {
     width:700px;
     margin:auto;
 }

 .legend-minimum {
     color: #000000;
     font-weight: bold;
     opacity: 0.75;
     float: left;
 }

 .legend-maximum {
     color: white;
     font-weight: bold;
     opacity: 0.67;
     float: right;
 }


 .dark-legend-minimum {
     color: #ffff00;
     font-weight: bold;
     opacity: 0.75;
     float: left;
 }

 .dark-legend-center {
     color:#ff1631;
     font-weight: bold;
     opacity: 0.67;
     float: left;
     position:relative;
     left:30%;
     text-align: center;
 }

 .dark-legend-maximum {
     color: #000000;
     font-weight: bold;
     opacity: 0.67;
     float: right;
 }

 .percentagebar {
     background-color: darkgrey; border: thin solid gray; height: 1.1em;
 }

 .percentagebarbackground {
     background-color: darkgrey; border: thin solid gray; height: 1.1em;
 }

 .untestedbar {
     background-color: darkgrey; height: 1.1em;
 }

 .pendingbar {
     background-color: #a2f2f2; height: 1.1em;
 }

 .errorbar {
     background-color: #FF6108; height: 1.1em;
 }

 .compromisedbar {
     background-color: #ff68ff; height: 1.1em;
 }

 .ignoredbar {
     background-color: #eeeadd; height: 1.1em;
 }

 .failingbar {
     background-color: #ff1631; height: 1.1em;
 }
 .passingbar {
     background-color: #99cc33; height: 1.1em;
 }

 .failing-color {
     color: #ff1631;
 }
 .error-color {
     color: #FF6108;
 }
 .compromised-color {
     color: #ff68ff;
 }
 .passing-color {
     color: #99cc33;
 }

 #accordion {
     list-style: none;
     padding: 0 0 0 0;
     width: 500px;
 }

 #accordion div {
     display: block;
     margin: 1px;
     cursor: pointer;
     padding: 5px;
     list-style: circle;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
 }

 #accordion ul {
     list-style: none;
     padding: 0 0 0 0;
 }

 #accordion ul {
     display: none;
 }

 #accordion ul li {
     font-weight: normal;
     cursor: auto;
     padding: 7px 0 0 7px;
 }

 #accordion a {
     text-decoration: none;
 }

 #accordion a:hover {
     text-decoration: underline;
 }

 .result_summary {
     padding: 5px;
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae; font-weight:normal; font-size-adjust:inherit;
 }

 .test-summary-table {
     width: 100%;
     margin-bottom: 20px;
     background-color: white;

 }

 .tag-title {
     width: 100%;
     display: inline-block;
 }

 .menu {
     width: 99%;
     background-color: #e0e2df;
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae; font-weight:normal; font-size-adjust:inherit;
 }

 .menu ul{
     margin: 0; padding: 0;
     float: left;
 }

 .menu ul li{
     display: inline;
 }

 .menu ul li a{
     float: left; text-decoration: none;
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae; font-weight:normal; font-size-adjust:inherit;
     padding: 10.5px 11px;
     background-color: #e0e2df;
 }

 .menu ul li a:hover{
     color: #fff;
     background-color:#0d92df;
 }

 .menu ul li .current{
     color: #fff;
     background-color:#0b75b2;
 }

 .tagTypeTitle {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae;
     font-style: italic;
 }

 .related-tag-percentage {
     text-align: right;
     width: 50px;
     min-width: 50px;
     font-size: 0.8em;
     padding-right: 4px;
 }

 .related-tag-count {
     text-align: center;
     width: 50px;
     min-width: 50px;
     font-size: 0.8em;
 }

 .overview {
     border: 0px;
     padding-top: 10px;
     width: 100%;
     min-height: 650px;
     min-width: 1000px;
 }

 .tagLink {
     font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size:0.9em;
     padding-left: 5px;
 }

 a.tagLink:visited, a.tagLink:link {
     color: white;
 }

 .tag-badge {
     font-weight: 400 !important;
     font-size: 0.9em !important;
     color: floralwhite !important;
 }
 .story-title
 {
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     background: #f1f3e8;
     padding: 10px;
     border: 1px;
     border-color: #e7e8e3;
     border-style: solid;
 }

 .scenario-title {
     width:1008px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     background: #f4f6ec;
     padding: 10px;
     border: 1px;
     border-color: #e7e8e3;
     border-style: solid;
 }

 .step-table
 {
     width:100%;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     background: #f4f6ec;
     padding: 5px;
     border: 1px;
     border-color: #e7e8e3;
     border-style: solid;
     table-layout: fixed;
 }

 .step-table-nested
 {
     width:100%;
     table-layout: fixed;
 }

 .test-case-caption {
     font-size: 1em;
     display: block;
     font-family:euphemia, verdana, sans-serif;
     color: #808080;
     padding-bottom: 4px;
     margin-left: 60px;
 }

 .outcome-icon {
     float: left;
 }

 .step-description-column {
     width: 100%;
 }

 .step-table th {
     text-align:left;
 }

 .step-table td {
     padding: 5px 0px;
 }

 td.step-icon {
     padding: 5px;
 }

 .step-description {
     overflow: auto;
     margin-right: 1em;
 }

 .step-table-separator td {
     border-bottom: 1px solid #0d78ae;
 }

 #test_list_title {
     color:#0d78ae;
     font-family:euphemia, verdana, sans-serif;
     font-size:16px;
     font-weight: bold;
     width: 995px;
     min-width: 995px;
 }

 #test-results-table {
     color:#0d78ae;
     font-family:euphemia, verdana, sans-serif;
     font-size:16px;
     width: 995px;
     min-width: 995px;
 }

 #release-test-results-table {
     color:#0d78ae;
     font-family:euphemia, verdana, sans-serif;
     font-size:16px;
     width: 980px;
     min-width: 980px;
 }

 #results-dashboard
 {
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     background: #f1f3e8;
     padding: 5px;
     border: 1px;
     border-color: #e7e8e3;
     border-style: solid;
 }


 .test-results-heading
 {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #88a717; font-weight:bold; white-space: nowrap;
     text-align: left;
     padding-left: 4px;
 }

 #test_list_tests {
     padding: 0.5em 0 0 !important;
 }

 #test_list_tests label {
     font-family:euphemia, verdana, sans-serif;font-size: 14px; font-weight:normal;
 }

 .dataTables_info {
     font-family:euphemia, verdana, sans-serif;font-size: 14px; font-weight:normal;
 }

 table.dataTable thead th div.DataTables_sort_wrapper {
     padding-right: 20px
 }

 table.dataTable thead th {

 }

 .currentTag {
     font-weight: bold;
 }

 .test_list_title {
     padding-bottom: 10px;
 }

 h2 {
     font-family:euphemia, verdana, sans-serif;
     font-weight: bold;
     font-size: 18px;
     color:#0d78ae;
     margin-bottom: 10px;
     padding-bottom: 0.5em;
 }

 h3 {
     font-family:euphemia, verdana, sans-serif;
     font-weight: bold;
     font-size: 16px;
     color:#0d78ae;
     margin-bottom: 10px;
 }


 h4 {
     font-family:euphemia, verdana, sans-serif;
     font-style: italic;
     font-size: 14px;
     color:#0d78ae;
     margin-bottom: 10px;
 }

 .ellipsis {
     white-space: nowrap;
     width: 55em;
     overflow: hidden;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
 }

 .truncated-tag-title {
     white-space: nowrap;
     width: 25em;
     overflow: hidden;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
 }

 .truncate-20 {
     overflow: hidden;
     max-width: 40ch;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
 }

 .truncate-40 {
     overflow: hidden;
     max-width: 40ch;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
 }

 .truncate-60 {
     overflow: hidden;
     max-width: 60ch;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
 }

 .truncate-80 {
     overflow: hidden;
     max-width: 80ch;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
 }

 .tag-count-header {
     font-size: 0.9em;
 }
 .test-count-summary {
     font-family:euphemia, verdana, sans-serif;
     font-size: 16px;
     padding-bottom: 10px;
     color:#0d78ae;
     background-color: #f1f3e8;
 }

 .test-count-title {
     font-weight: bold;
     padding-bottom: 0.25em;
 }

 .result-test-count {
     color: #808080;
     font-weight: 200;
 }

 .test-count {
     font-size: 14px;
 }

 .timestamp {
     font-size: 14px;
 }
 .requirementName {
     font-family:euphemia, verdana, sans-serif;font-size: 14px; font-weight:bold;font-style: normal;
     color: #0d78ae;
     margin-bottom: 0.5em;
 }

 .requirementNarrative {
     display:block;
     margin-top: 0.5em;
     margin-bottom: 1em;
     font-family:euphemia, verdana, sans-serif;font-size: 14px; font-weight:normal; font-style: italic;
 }


 .requirementNarrativeTitle ul,ol,dl {
     margin-left: 40px;
 }

 .requirementNarrativeTitle {
     padding-left: 1.6em;
     padding-bottom: 1em;
 }

 .requirementNarrativeTitle > blockquote{
     font-size: 1em;
     font-style: italic;
 }


 .requirementNarrativeTitle > h3 {
     font-size: 1.1em;
 }

 .requirementNarrativeTitle > table {
     border: solid 1px grey;
     padding: 4px;
 }

 .requirementNarrativeTitle > table th {
     font-weight: bold;
     color: gray;
 }


 .requirementNarrativeTitle > table tr td {
     border: solid 0.5px grey;
     padding: 8px;
 }

 .requirementNarrativeTitle > table th {
     border: solid 0.5px grey;
     padding: 8px;
 }

 .requirementNarrativeField {
     color: #0d78ae;
     font-family:euphemia, verdana, sans-serif;font-size: 14px; font-weight:normal;
     border: #6495ed solid thin;
     padding: 8px;
 }

 .requirementNarrativeField > ul,ol {
     margin-left: 30px;
 }

 .custom-field-title {
     color:blue;
     font-family:euphemia, verdana, sans-serif; font-size:16px;
     font-weight: bold; color: #0d78ae; font-style:italic;
     margin: 4px;
 }

 .cardNumber
 {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #88a717; white-space: nowrap;
     padding: 8px;
 }

 .table
 {
     background-color:#f1f3e8; width:100%;
 }

 .capabilities-table {
     padding: 0.5em 0 0 !important;
     padding-bottom:20px;
 }

 #releases {
     padding: 0.5em 0 0
 }

 .release-context-tree {
     padding-left: 10px;
 }

 .test-results {
     padding-bottom: 20px;
 }

 .test-results label {
     font-family:euphemia, verdana, sans-serif;font-size: 14px; font-weight:normal;
 }

 .test {
     color: #99cc33;
     color: #009818;
     color: #a2f2f2;
     color: #8bb1df;
     color: #ff1631;
     color: #a20019;
     color: orange;
 }
 .datagrid table { border-collapse: collapse; text-align: left; width: 100%; }
 .datagrid {
     font: normal 14px/150% euphemia, verdana, sans-serif;
     background: #fff; overflow: hidden; border: 1px solid #e7e8e3;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     margin-bottom: 20px;
 }
 .datagrid table td,
 .datagrid table th {
     padding: 3px 10px;
     font-family:euphemia, verdana, sans-serif;
     font-size:14px; color: #0d78ae; font-weight: normal;
 }
 .datagrid table thead th {
     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36752D), color-stop(1, #275420) );
     background:-moz-linear-gradient( center top, #36752D 5%, #275420 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');
     background-color:#36752D;
     color:#FFFFFF;
     font-size: 14px;
     font-weight: bold;
     border-left: 1px solid #36752D;
 }
 .datagrid table thead th:first-child { border: none; }
 .datagrid table tbody td {
     border-left: 1px solid #bfc1b5;
     border-bottom: 1px solid #bfc1b5;
     font-size: 15px;font-weight: normal;
 }
 .datagrid table tbody .alt2 td { background: #F1F3E8; color: #275420; }
 .datagrid table tbody td:first-child { border-left: none; }
 .datagrid table tbody tr:last-child td { border-bottom: none; }
 .datagrid table tbody tr.test-FAILURE td { background: #ffcdce; color:#ff1631 }
 .datagrid table tbody tr.test-ERROR td { background: #fed6c2; color:#FF6108 }
 .datagrid table tbody tr.test-COMPROMISED td { background: plum; color: black; }
 .datagrid table tbody tr.test-SKIPPED td { background: #daca8c; color: darkblue; }
 .datagrid table tbody tr.test-ABORTED td { background: rgb(243, 186, 155); color: #4f2307; }
 .datagrid table tbody tr.test-IGNORED td { background: #eeeadd;}
 .datagrid table tbody tr.test-PENDING td { background: #e5f2eb;}

 #requirements-summary {
     padding:0px;
     float: left;
     width: 1000px;
 }

 #coverage_pie_chart {
     float: left;
     width: 225px;
 }
 #coverage_summary {
     width:700px;
     float: right;
     display: inline-block;
     padding: 10px;
     min-height: 320px;
 }

 .coverage_stats {
     border: solid blue 1px;
 }

 .coverage_stats_section {
     border: solid green 1px;
 }

 .label {
     font-family:euphemia, verdana, sans-serif;
     font-size: 16px;
     color:#0d78ae;
     width: 400px;
     padding: 4px;
 }

 .value {
     font-family:euphemia, verdana, sans-serif;
     font-size: 16px;
     color:#0d78ae;
     font-style: italic;    padding: 4px;
 }

 .subtopic {
     font-style: italic;
     padding-left: 20px;
 }

 table.coverage_data {
     border-spacing: 0px;
 }

 table.coverage_data td {
     border-spacing: 0px;
     border-bottom: solid #d3d3d3 1px;
 }
 .scenario{
     color:#0D78AE;
     font-size:15px;
     font-family:euphemia,verdana,sans-serif;
     border:1px solid #0D78AE;
     border-radius:5px;
     -webkit-border-radius:5px;
     padding:5px;
     overflow: auto;
 }

 .related-tags-section {
     vertical-align: top;
     padding-top: 20px;
     padding-left: 20px;
     width: 100%;
 }

 #test_results_pie_chart {
     margin-top:20px; margin-left:20px; width:375px; height:375px;
 }

 #test-results-tabs-1 {
     min-height: 475px;
 }

 #weighted_test_results_pie_chart {
     margin-top:20px; margin-left:20px; width:375px; height:375px;
 }
 .read-more-link{

 }
 .read-more-link img{
     margin-bottom:-2px;
 }
 .read-more-text{
     display:none;
 }
 .read-more-text div{
     display:block
 }

 .example-table {
     padding-bottom: 20px;
 }

 .example-table table {
     color:#0d78ae;
     font-family:euphemia, verdana, sans-serif;
     font-size:14px;
     min-width: 1008px;
 }

 .example-table label {
     font-family:euphemia, verdana, sans-serif;font-size: 14px; font-weight:normal;
 }

 .date-and-time {
     float:right; padding: 0px; color:gray;
 }

 .embedded {
     margin: 4px;
     padding: 4px;
     border-collapse:collapse;
 }

 .embedded th {
     padding: 4px;
     border: thin solid #d3d3d3;
 }

 .embedded td {
     padding: 4px;
     border: thin solid #d3d3d3;
 }

 .confluenceTable {
     margin: 4px;
     padding: 4px;
     border-collapse:collapse;
 }

 .confluenceTable th {
     border: thin solid #d3d3d3;
 }

 .confluenceTable td {
     border: thin solid #d3d3d3;
 }

 #releases {
     border: solid #d3d3d3 1px;
     padding: 8px;
     padding-left: 15px;
 }

 .jqtree-title {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae;
 }

 .jqtree_common {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae;
 }

 ul.second-level-requirements  {
     list-style-type: circle;
     margin-left: 20px;
 }

 .highlighted-value {
     font-style: italic;
 }


 .summary-table {
     width: 100%;
     border: solid #d3d3d3 1px;
     margin-bottom: 20px;
     border-collapse: collapse;
     padding: 4px;
     min-width:500px;
 }

 .summary-table td,th {
     /*border: solid #d3d3d3 1px;*/
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: black; font-weight:normal; font-size-adjust:inherit;
 }

 .summary-table th {
     font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae; font-weight:normal; font-size-adjust:inherit;
     background-color: #f0f0f0;
 }

 .summary-leading-column {
     background-color: #f0f0f0;
     font-style: italic;
 }

 #projectname-banner {
     float:right;
     width:70%
 }

 .projectname {
     font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
     float:right;
 }

 .projecttitle {
     font-weight:normal; font-size:2em; color:#428bca; position:relative;
     text-align: right;
 }

 .projectsubtitle {
     font-weight:normal; font-style: italic; font-size:1.25em; color:#428bca; position:relative;
     display: block;
     text-align: right;
 }

 .togglePieChart {
     float:right;
 }

 .togglePieChart a:link,
 .togglePieChart a:visited  {
     color: white;
     background-color: #0d78ae;
     font-size: 0.9em;
     padding: 4px;
     border: solid thin blue;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
 }

 .togglePieChart a:hover {
     color: yellow;
 }

 .step-parameter {
     color: #0d78ae;
 }

 .version {
     color: grey;
     padding-top: 4px;
     alignment: center;
     font-size: smaller;
     font-family:euphemia, verdana, sans-serif;
 }

 #slider {
     position:relative;
     width:1000px; /* Change this to your images width */
     height:auto; /* Change this to your images height */
 }
 #slider img {
     position:absolute;
     top:0px;
     left:0px;
     display:none;
 }
 #slider a {
     border:0;
     display:block;
 }

 .tags-summary-table {
     margin-bottom: 0px;
     color: #0d78ae;
     border: none;
 }

 .build-info table {
     table-layout: fixed;
 }

 .build-info table td,th {
     overflow: hidden;
 }

 .modal-body p {
     word-wrap: break-word;
     color: grey;
 }

 #results-dashboard {
     color:grey;
 }

 .stacktrace {
     color: grey;
 }

 .rest-content {
     color: cornflowerblue;
 }

 #restModal .modal-content
 {
     height:500px;
     overflow:auto;
 }

 #stacktraceModal .modal-content
 {
     height:500px;
     overflow:auto;
     color: grey;
 }

 .piece-of-evidence {
     padding-left : 1em;
     padding-top:0.5em;
     display: block;
 }

 .parent-requirement-label {
     color:#428bca;
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
     font-size: 12pt;
 }

 /* Icon colors */
 .pending-icon {
     color: #5f93ce;
 }

 .success-icon {
     color: #99cc33;
 }

 .failure-icon {
     color:#ff1631
 }

 .compromised-icon {
     color: #ff68ff;
 }

 .error-icon {
     color: #ff6108
 }

 .ignored-icon {
     color: dimgray;
 }

 .skip-icon {
     color: darkgoldenrod;
 }

 .aborted-icon {
     color:  rgb(255, 153, 102);
 }

 .error-caption {
     color:#ff1631;
     font-style: italic;
 }


 /*.datagrid table {*/
 /*border-collapse: collapse;*/
 /*text-align: left;*/
 /*width: 100%;*/
 /*}*/

 /*.datagrid {*/
 /*font: normal 12px/150% Arial, Helvetica, sans-serif;*/
 /*background: #fff;*/
 /*overflow: hidden;*/
 /*border: 1px solid #006699;*/
 /*-webkit-border-radius: 3px;*/
 /*-moz-border-radius: 3px;*/
 /*border-radius: 3px;*/
 /*}*/

 /*.datagrid table td, .datagrid table th {*/
 /*padding: 3px 10px;*/
 /*}*/

 /*.datagrid table thead th {*/
 /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0d78ae), color-stop(1, #00557F));*/
 /*background: -moz-linear-gradient(center top, #006699 5%, #00557F 100%);*/
 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');*/
 /*background-color: #006699;*/
 /*color: #FFFFFF;*/
 /*font-size: 15px;*/
 /*font-weight: bold;*/
 /*border-left: 1px solid #0070A8;*/
 /*}*/

 /*.datagrid table thead th:first-child {*/
 /*border: none;*/
 /*}*/

 /*.datagrid table tbody td {*/
 /*color: #0d78ae;*/
 /*border-left: 1px solid #E1EEF4;*/
 /*font-size: 14px;*/
 /*font-weight: normal;*/
 /*font-family: euphemia, verdana, sans-serif;*/

 /*}*/

 /*.datagrid table tbody .alt td {*/
 /*background: #E1EEf4;*/
 /*color: #00557F;*/
 /*}*/

 /*.datagrid table tbody td:first-child {*/
 /*border-left: none;*/
 /*}*/

 /*.datagrid table tbody tr:last-child td {*/
 /*border-bottom: none;*/
 /*}*/

 /*.datagrid th:first-child { display:none; }*/
 /*.datagrid td:first-child { display:none; }*/

 .requirements-overview li {
     margin-left: 2em;
 }

 .cast {
     margin-left: 20px;
     width: 100%;
 }

 .cast td {
     vertical-align: top;
 }
 .cast li {
     color: grey;
     margin-left: 20px;
     padding-top: 4px;
 }

 .small-graph {
     height: 250px;
 }

 /* Chartist styling */

 .ct-chart-donut .ct-label {
     font-size: 0.9em;
     font-weight: bold;
 }

 .chart-container {
     margin:10px;
 }

 h3 {
     padding-bottom: 0.5em;
 }

 /* Automated only results */
 /* Success */
 .aggregated-results .ct-series-a .ct-slice-donut-solid {
     fill: #99cc33;
 }
 /* Pending */
 .aggregated-results .ct-series-b .ct-slice-donut-solid {
     fill: #A2C4EC;
 }
 /* Ignored */
 .aggregated-results .ct-series-c .ct-slice-donut-solid {
     fill: darkgrey;
 }
 /* Skipped */
 .aggregated-results .ct-series-d .ct-slice-donut-solid {
     fill: #EEE098;
 }
 /* Aborted */
 .aggregated-results .ct-series-e .ct-slice-donut-solid {
     fill: #e5b949;
 }
 /* Failure */
 .aggregated-results .ct-series-f .ct-slice-donut-solid {
     fill: #ff1631;
 }
 /* Error */
 .aggregated-results .ct-series-g .ct-slice-donut-solid {
     fill: #FF6108;
 }
 /* Compromised */
 .aggregated-results .ct-series-h .ct-slice-donut-solid {
     fill: #ff68ff;
 }

 /* Automated and manual results */
 /* SUCCESS */
 .automated-and-manual-results .ct-series-a .ct-slice-donut-solid {
     fill: rgb(153,204,51)
 }
 .automated-and-manual-results .ct-series-b .ct-slice-donut-solid {
     fill: rgba(153,204,51,0.5)
 }
 /* PENDING */
 .automated-and-manual-results .ct-series-c .ct-slice-donut-solid {
     fill: rgba(165, 199, 238, 1) ;
 }
 .automated-and-manual-results .ct-series-d .ct-slice-donut-solid {
     fill: rgba(165, 199, 238, 0.5) ;
 }
 /* IGNORED */
 .automated-and-manual-results .ct-series-e .ct-slice-donut-solid {
     fill: rgba(168, 168, 168, 1);
 }
 .automated-and-manual-results .ct-series-f .ct-slice-donut-solid {
     fill: rgba(168, 168, 168, 0.5);
 }
 /* SKIPPED */
 .automated-and-manual-results .ct-series-g .ct-slice-donut-solid {
     fill: rgba(238, 224, 152, 1) ;
 }
 .automated-and-manual-results .ct-series-h .ct-slice-donut-solid {
     fill: rgba(238, 224, 152, 0.5) ;
 }
 /* ABORTED */
 .automated-and-manual-results .ct-series-i .ct-slice-donut-solid {
     fill: rgb(255, 153, 102)
 }
 .automated-and-manual-results .ct-series-j .ct-slice-donut-solid {
     fill: rgba(255, 153, 102, 0.5) ;
 }
 /* FAIL */
 .automated-and-manual-results .ct-series-k .ct-slice-donut-solid {
     fill: #ff1631;
 }
 .automated-and-manual-results .ct-series-l .ct-slice-donut-solid {
     fill: rgba(255, 22, 49, 0.5);
 }
 /* ERROR */
 .automated-and-manual-results .ct-series-m .ct-slice-donut-solid {
     fill: #ff6108;
 }
 .automated-and-manual-results .ct-series-n .ct-slice-donut-solid {
     fill: rgba(255, 97, 8, 0.5);
 }
 /* COMPROMISED */
 .automated-and-manual-results .ct-series-o .ct-slice-donut-solid {
     fill: #ff68ff;
 }
 .automated-and-manual-results .ct-series-p .ct-slice-donut-solid {
     fill: rgba(255, 104, 255, 0.5);
 }

 tr.SUCCESS td {
     background-color: rgba(153, 204, 51, 0.025);
 }
 tr.PENDING td {
     background-color: rgba(165, 199, 238, 0.05);
 }
 tr.IGNORED td {
     background-color: rgba(165, 165, 165, 0.05);
 }
 tr.SKIPPED td {
     background-color: rgba(238, 224, 152, 0.05);
 }
 tr.ABORTED td {
     background-color: rgba(229, 206, 73, 0.1);
 }
 tr.FAILURE td {
     background-color: rgba(255, 22, 49, 0.15);
 }
 tr.ERROR td {
     background-color: rgba(255, 97, 8, 0.15);
 }
 tr.COMPROMISED td {
     background-color: rgba(255, 104, 255, 0.05);
 }

 .scenario-heading {padding-left: 1em;}
 .scenario-details p { line-height: 0.8;}

 .scenario-heading {padding-left: 1em;}

 .gwt-button {padding-left: 2.5em;}
 .scenario-details p { line-height: 0.8;}

 .scenario-background-section {
     padding-top: 0.25em;
 }

 .scenario-docs p {
     padding-left: 2.5em;
     margin: 0px;
 }

 .rule-toc-entry {
     font-weight: bold;
 }

 .scenario-toc-entry {
     font-weight: normal;
     padding-left: 1em;
 }

 .scenario-toc-entry i {
     padding-right: 0.25em;
 }

 .orphan-scenario-toc-entry i {
     padding-right: 0.25em;
 }

 .scenario-docs ul {
     padding-left: 3.5em;
     margin: 0px;
 }

 .summary-stats td {
     font-weight: bold;
 }

 .more-details { background-color: #0d78ae; }
 .more-details:hover { background-color: #428bca; }

 .scenario-text {
     padding-left: 1.5em;
     margin-bottom: 1em;
     font-style: italic;
 }

 div.scenario-text:empty {
     display:none;
 }

 .table-parameter {
     font-style: italic;
     color: #0d78ae;
 }

 .examples {
     margin-top: 1em;
 }

 .scenario-docs.card {
     background-color: white;
     border: 0.5px grey solid;
     border-radius: 0.5em;
     margin-bottom: 1em;
 }

 .example-table {
     overflow-x:auto;
 }

 .example-table table td {
     padding: 4px;
 }

 .example-table th {
     border: 0.5px solid darkgrey;
     color: grey;
     background-color: beige;
 }

 .example-table td {
     border: 0.5px solid darkgrey;
     color: grey;
 }


 .test-report table {
     border: 0.75px solid dimgrey;
     min-width: 80%;
 }
 .test-report th {
     font-weight: bold;
     background-color: white;
 }

 .test-report th:first-child {
     width: 1em;
 }

 .test-report td.test-SUCCESS {
     background-color: white;
 }




 .example-table-in-scenario {
     overflow-x:auto;
     padding-bottom: 1.5em;
 }

 .example-table-in-scenario table {
     min-width: 80%;
     max-width: 80%;
 }
 .example-table-in-scenario table th {
     padding: 4px;
 }

 .example-table-in-scenario table td {
     padding: 4px;
 }

 .example-table-in-scenario th {
     border: 0.5px solid darkgrey;
     color: grey;
 }

 .example-table-in-scenario td {
     border: 0.5px solid darkgrey;
     color: grey;
 }

 .example-table-in-scenario .row {
     margin-right: 15px;
 }


 .example-table-in-summary th:last-child {
     width: 0.5em;
 }

 .example-table-in-summary th:last-child {
     text-align: center;
     align-items: center;
     align-content: center;
     padding-left: 1em;

 }

 .example-table-in-summary {
     padding-bottom: 0px;
 }

 .example-table-in-summary .row {
     margin-right: 15px;
 }

 .example-table-in-scenario th:last-child {
     width: 0.5em;
 }

 .example-table-in-scenario td:last-child {
     padding-left: 0.5em;
     width: 1em;
 }

 .scenario-description {
     padding-left: 1em;
 }

 .scenario-docs .card-body table {
     margin-left: 3em;
 }

 .context-icon {
     padding-right: 1em;
 }

 .more-details-result-compromised { background-color: #ff68ff; !important; }
 .more-details-result-error { background-color: #FF6108; !important;  }
 .more-details-result-failure { background-color: #ff1631; !important; }
 .more-details-result-aborted { background-color: rgb(255, 153, 102);  !important; }
 .more-details-result-skipped { background-color: #B2A671;  !important; }
 .more-details-result-ignored { background-color: #777777;  !important; }
 .more-details-result-pending { background-color: #6884A6; !important;  }
 .more-details-result-success { background-color: rgb(153,204,51); !important;  }

 .badge-compromised { background-color: #ff68ff; }
 .badge-error { background-color: #FF6108; }
 .badge-failure { background-color: #ff1631; }
 .badge-aborted { background-color: rgb(255, 153, 102); }
 .badge-skipped { background-color: #B2A671; }
 .badge-ignored { background-color: #777777; }
 .badge-pending { background-color: #6884A6; }
 .badge-success { background-color: rgb(153,204,51); }


 .scenario-report-badges {
     min-height:1.5em;
     margin-left:0.5em;
 }
 .scenario-report-badge {
     float:right;
 }

 span.evidence {
     display: block;
 }

 .scenario-docs blockquote {
     font-style: italic;
     font-size: 1em;
 }

 .manual-test-result {
     display:block;
     margin-left: 4em;
 }

 .environment {
     background-color: #fff;
     font-size: 16px;
     table-layout: fixed;
 }

 .environment th {
     color: #000000;
     font-weight: bold;
     text-align: center;
 }

 .environment td {
     color: #69727f;
     text-align: center;
 }

 .example-heading {
     font-width: bold;
 }

 .example-description {
     display: block;
     margin-left: 2.5em;
     padding: 0.25em;
     font-style: italic;
 }

 div.code {
     white-space: pre;
 }

 .icons-bar {
     white-space: nowrap;
 }
 /* COMPROMISED */
 .automated-and-manual-results .ct-series-o .ct-slice-donut-solid {
     fill: #ff68ff;
 }
 .automated-and-manual-results .ct-series-p .ct-slice-donut-solid {
     fill: rgba(255, 104, 255, 0.5);
 }

 .scenario-heading {padding-left: 1em;}
 .scenario-details p { line-height: 0.8;}

 .scenario-heading {padding-left: 1em;}

 .gwt-button {padding-left: 2.5em;}
 .scenario-details p { line-height: 0.8;}

 .scenario-background-section {
     padding-top: 0.25em;
 }

 .scenario-docs p {
     padding-left: 2.5em;
     margin: 0px;
 }

 .rule-toc-entry {
     font-weight: bold;
 }

 .scenario-toc-entry {
     font-weight: normal;
     padding-left: 1em;
 }

 .scenario-toc-entry i {
     padding-right: 0.25em;
 }

 .orphan-scenario-toc-entry i {
     padding-right: 0.25em;
 }

 .scenario-docs ul {
     padding-left: 3.5em;
     margin: 0px;
 }

 .summary-stats td {
     font-weight: bold;
 }

 .more-details { background-color: #0d78ae; }
 .more-details:hover { background-color: #428bca; }

 .scenario-text {
     padding-left: 1.5em;
     margin-bottom: 1em;
     font-style: italic;
 }

 div.scenario-text:empty {
     display:none;
 }

 .table-parameter {
     font-style: italic;
     color: #0d78ae;
 }

 .examples {
     margin-top: 1em;
 }

 .scenario-docs.card {
     background-color: white;
     border: 0.5px grey solid;
     border-radius: 0.5em;
     margin-bottom: 1em;
 }

 .card-header {
     border-bottom: solid gray 0.5px;
     padding: 0.5em;
     font-weight: bold;
 }

 /* Card header colours */

 .card-header.failure {
     background-color: rgba(255, 0, 0, 0.05);
 }
 .card-header.failure a:link, .card-header.failure a:visited {
     color: darkred;
 }
 .card-header.pending {
     background-color: rgba(0, 167, 255, 0.05);
 }
 .card-header.error {
     background-color: rgba(255, 141, 0, 0.05);
 }
 .card-header.error a:link,.card-header.error a:visited  {
     color:darkred;
 }
 .card-header.compromised {
     background-color: rgba(255, 0, 255, 0.05);
 }
 .card-header.compromised a:link, .card-header.compromised a:visited {
     color:darkred;
 }
 .card-header.ignored {
     background-color: rgba(168, 168, 168, 0.2);
 }
 .card-header.ignored a:link, .card-header.ignored a:visited {
     color:darkred;
 }
 .card-header.skipped {
     background-color: rgba(238, 224, 152, 0.2);
 }
 .card-header.aborted {
     background-color: rgb(255, 219, 199);
 }
 .card-header.aborted a:link, .card-header.aborted a:visited {
     color: rgb(79, 35, 7);
 }

 .large-icon {
     font-size: 2.5rem;
 }

 .title-icon {
     font-size: 3.5rem;
 }


 /*.scenario-result.PENDING {*/
 /*background-color: rgba(0, 167, 255, 0.05);*/
 /*}*/
 /*.scenario-result.FAILURE {*/
 /*background-color: rgba(255, 0, 0, 0.05);*/
 /*}*/
 /*.scenario-result.ERROR {*/
 /*background-color: rgba(255, 141, 0, 0.05);*/
 /*}*/
 /*.scenario-result.COMPROMISED {*/
 /*background-color: rgba(255, 0, 255, 0.05);*/
 /*}*/
 /*.scenario-result.IGNORED {*/
 /*background-color: rgba(168, 168, 168, 0.1);*/
 /*}*/
 /*.scenario-result.SKIPPED {*/
 /*background-color: rgba(238, 224, 152, 0.2);*/
 /*}*/

 .card-body {
     padding: 0.5em;
 }

 .scenario-result-icon {
     float: right;
 }

 .scenario-docs table {
     margin-left: 3em;
     margin-top: 0.5em;
 }

 .scenario-docs th {
     /*font-weight: bold;*/
     font-size: 14px;
     color: grey;
     padding: 4px;
     border: 0.5px solid grey;
 }

 .scenario-docs td {
     padding: 4px;
     border: 0.5px solid grey;
 }

 .scenario-docs .dataTable {
     border-bottom-color: white;
 }

 .examples {
     padding-top: 0.5em;
 }

 .automated-stats {
     background-color: rgba(38, 38, 38, 0.06);
     width: 8%;
 }

 .manual-stats {
     background-color: rgba(38, 38, 38, 0.03);
     width: 8%;
 }

 .total-stats {
     font-weight: bold;
     width: 8%;
 }

 .scenario-result-table th {
     text-transform: capitalize;
 }

 .treeview .badge {
     background-color: aliceblue;
     border: lightblue 1px solid;
 }

 .toc-title {
     width: 90%;
 }

 .top-list-title {
     min-width: 25em;
 }

 .failure-badge {
     background-color: red !important;
     color: white !important;
     font-weight: bold !important;
 }

 .feature-tags {
     float:right;
     padding:4px;
 }

 .stacktrace-details {
     width: 99%;
     margin-left: 0px !important;
     background-color: bisque;
     font-family: monospace;
 }

 .rest-query-details {
     width: 99%;
     margin-left: 0px !important;
     background-color: #EEEEE0;
     font-family: monospace;
 }

 .details-button  {
     float: right;
     margin-top: 4px !important;
     margin-bottom: 4px !important;
     margin-right: 5px; !important;
     font-size: 1em;
     background-color: rgba(238,0,0,0.3);
 }

 .copy-button {
     float: right;
     margin-top: 4px !important;
     margin-bottom: 4px !important;
     margin-right: 5px; !important;
     font-size: 1em;
 }

 .missing-scenario-warning {
     color:#ff1631
 }

 div.progress {
     height:20px;
     margin:0px !important;
 }

 .feature-count {
     font-weight: normal;
     color: dimgrey;
 }

 .requirements-overview img {width: 100%;}

 td.indented-error-category i {
     margin-left: 20px;
 }

 .report-info {
     font-style: italic;
     font-size: 0.9em;
     padding-top: 0.5em;
     padding-left: 1em;
 }

 .test-report table {
     border: 0.75px solid dimgrey;
     min-width: 80%;
 }
 .test-report th {
     font-weight: bold;
     background-color: white;
 }

 .test-report th:first-child {
     width: 1em;
 }

 .test-report td.test-SUCCESS {
     background-color: white;
 }

 .example-table-in-scenario {
     overflow-x:auto;
     padding-bottom: 1.5em;
 }

 .example-table-in-scenario table {
     min-width: 80%;
     max-width: 80%;
 }
 .example-table-in-scenario table th {
     padding: 4px;
 }

 .example-table-in-scenario table td {
     padding: 4px;
 }

 .example-table-in-scenario th {
     border: 0.5px solid darkgrey;
     color: grey;
 }

 .example-table-in-scenario td {
     border: 0.5px solid darkgrey;
     color: grey;
 }

 .example-table-in-scenario .row {
     margin-right: 15px;
 }


 .example-table-in-summary th:last-child {
     width: 0.5em;
 }

 .example-table-in-summary th:last-child {
     text-align: center;
     align-items: center;
     align-content: center;
     padding-left: 1em;

 }

 .example-table-in-summary {
     padding-bottom: 0px;
 }

 .example-table-in-summary .row {
     margin-right: 15px;
 }

 .example-table-in-scenario th:last-child {
     width: 0.5em;
     /*border-right: solid white 1px;*/
     /*border-top: solid white 1px;*/
     /*border-bottom: solid white 1px;*/
 }

 .example-table-in-scenario td:last-child {
     padding-left: 0.5em;
     width: 1em;
     /*border-right: solid white 1px;*/
     /*border-top: solid white 1px;*/
     /*border-bottom: solid white 1px;*/
 }

 .more-details-result-compromised { background-color: #ff68ff; !important; }
 .more-details-result-error { background-color: #FF6108; !important;  }
 .more-details-result-failure { background-color: #ff1631; !important; }
 .more-details-result-aborted { background-color: rgb(255, 153, 102);  !important; }
 .more-details-result-skipped { background-color: #B2A671;  !important; }
 .more-details-result-ignored { background-color: #777777;  !important; }
 .more-details-result-pending { background-color: #6884A6; !important;  }
 .more-details-result-success { background-color: rgb(153,204,51); !important;  }

 .badge-compromised { background-color: #ff68ff; }
 .badge-error { background-color: #FF6108; }
 .badge-failure { background-color: #ff1631; }
 .badge-aborted { background-color: rgb(255, 153, 102); }
 .badge-skipped { background-color: #B2A671; }
 .badge-ignored { background-color: #777777; }
 .badge-pending { background-color: #6884A6; }
 .badge-success { background-color: rgb(153,204,51); }


 .scenario-report-badges {
     min-height:1.5em;
     margin-left:0.5em;
 }
 .scenario-report-badge {
     float:right;
 }

 span.evidence {
     display: block;
 }

 .scenario-docs blockquote {
     font-style: italic;
     font-size: 1em;
 }

 .manual-test-result {
     display:block;
     margin-left: 4em;
 }

 .environment {
     background-color: #fff;
     font-size: 16px;
     table-layout: fixed;
 }

 .environment th {
     color: #000000;
     font-weight: bold;
     text-align: center;
 }

 .environment td {
     color: #69727f;
     text-align: center;
 }

 .example-heading {
     font-width: bold;
 }

 .example-description {
     display: block;
     margin-left: 2.5em;
     padding: 0.25em;
     font-style: italic;
 }

 div.code {
     white-space: pre;
 }

 .icons-bar {
     white-space: nowrap;
 }

 .dataTables_filter input {
     font-weight: normal;
 }
@charset "utf-8";
/* CSS Document */
* {
    margin:0;
    padding:0;
}

body {
    font-size:16px !important;
}
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

#logo
{
    float:left; height:96px; width:265px;
}

#menu
{
    float:right;  padding-top:65px;
}

#topheader
{
    /*    background-image:url(../images/bg_01.jpg);
        background-repeat:repeat-x; height:96px; width:100%;*/
    background: white;
    margin:0 auto;
}

body {
    background-color: #f7f8f3;
}

.results-page {
    background-color: #f7f8f3;
}

.outcome-icon {
    width: 25px;
    height: 25px;
}

.step-icon {
    color: #0E78AD;
}

.middlecontent
{

    min-width:1024px;
    margin:0 1em;
    width: auto !important; /*IE6 hack*/
    width:1024px;

    /*IE6 hack*/
    /*border: 1px solid #FF0000;
    background-color:#999999;*/
}

td.tag-title {
    /* essential */

    text-overflow: ellipsis;
    width: 17.5em;
    max-width: 17.5em;
    white-space: nowrap;
    overflow: hidden;
}


.story-coverage
{
    border-left: 1px solid #88a717; padding-left: 10px
}

.requireent-type-heading {
    padding-top: 1em;
    padding-bottom: 1em;
}

.scenario-comments {
    font-style: italic;
    font-weight: normal;
    margin-left: 2em;
    margin-bottom: 0.5em;
}

.scenario-comments i {
    padding-right: 0.5em;
}

#bottomfooter
{
    background-image:url(../images/bg_04.jpg); height:26px; background-repeat:repeat-x; margin:0 auto;
}


footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #333;
    color:grey;
}

.requirement-name-column {
    min-width: 20em !important;
}

.test-name-column {
    min-width: 35em !important;
}

#topbanner
{
    min-width:1024px;
    margin:0 1em;
    width: auto !important; /*IE6 hack*/
    width:1024px; /*IE6 hack*/
    /*border: 1px solid #FF0000;*/
}

.topb {
    min-width:1015px;
    max-width:1015px;
    height:10px;
    background-image:url(../images/topm.jpg);
    background-repeat:no-repeat;
}

.screenshot {
    border-bottom: solid #2b65ec 2px;
    border-top: solid #6b90da 1px;
    border-left: solid #6b90da 1px;
    border-right: solid #2b65ec 2px;
}

.leftbg
{
    background-image:url(../images/top-left.jpg);
    width:9px;
    height:30px;
    float:left;
}

.middlebg
{
    min-width:1007px;
    height:3.5em;
    padding: 0px;
    padding-left: 10px;
    clear:left;
}

.rightbg
{
    padding-left: 0px;
    float:left;
}

.clr
{
    clear:both;

}

.leftbgm
{
    background-image:url(../images/small-middle-left.jpg);
    width:4px; height:39px;
    float:left;
}

.middlebgm
{
    background-image:url(../images/small-middle.png);
    height:39px;
    float:left; width:1008px;
}

.rightbgm
{
    background-image:url(../images/small-middle-right.png);
    width:3px; height:39px;
    float:left;
    background-repeat: no-repeat;
}

.tall_leftbgm
{
    background-image:url(../images/middle-left.jpg);
    width:9px; height:79px;
    float:left;
}

.tall_middlebgm
{
    background-image:url(../images/middle.jpg);
    height:79px;
    float:left; width:1008px;
}

.tall_rightbgm
{
    background-image:url(../images/middle-right.jpg);
    width:7px; height:79px;
    float:left;
}


.story-outcome-icon
{
    padding: 2px;
    margin: 4px;
    margin-right: 8px;
    width: 36px;
    height: 36px;
}

.custom-field-title {

}

.test-outcome-title-bar {
    padding: 8px;
}

.test-title-bar {
    padding: 8px;
    color: darkblue;
}
.test-case-title {
    margin: 2px;
    margin-left: 40px;
    padding-top: 16px;
    font-family:euphemia, verdana, sans-serif;
    font-size:1.3em; color: #88a717; font-style:normal;
    font-weight:normal; font-size-adjust:inherit;
}

.test-case-duration {
    text-align: right;
    float: right;
}

h3.story-header {
    color: gray;
    font-size: 1.3em;
    padding-left: 4px;
    font-weight: normal;
    font-style: italic;
}

h3.discreet-story-header {
    color: gray;
    font-size: 1.1em;
    padding-left: 4px;
    font-weight: normal;
    font-style: normal;
    margin-top: 10px;
}

.story-header-title {
    padding-left: 20px;
    padding-right: 20px;
}

.discreet-requirement-narrative-title {
    /*     color: #0d78ae; */
    color: darkgrey;
    font-size: 1.0em;
    font-family:euphemia, verdana, sans-serif;font-size: 15px; font-weight:lighter; font-style: italic;
    /*border: #6495ed solid thin;*/
    padding: 4px;
}

.discreet-requirement-narrative-title table {
    border: #6495ed solid thin;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}

.rule-title {
    color: #428bca;
    font-family:euphemia, verdana, sans-serif;font-size: 1.3em; font-weight:normal; font-style: italic;
    padding-bottom: 0.5em;
}

.rule-title i {
    padding-right: 0.25em;
}

.discreet-requirement-narrative-title td, th {
    padding: 0.25em;
}

.tags {
    vertical-align: text-top;
    padding: 4px;
}

.tag {
    text-align: right;
    display: block;
    padding-top: 2px;
    margin: 0 0 5px;
}

.rule-tags {
    text-align: right;
}

.example-tags {
    text-align: right;
}

.inline-tag {
    padding-top: 2px;
    padding-right: 5px;
    margin: 0 0 5px;
}

.feature-tags .tag-badge {
    background-color: #0d78ae;
}

.rule-tags .tag-badge {
    background-color: #0d78ae;
}

.example-tags .tag-badge {
    background-color: #4c963e;
}

i.tag {
    color:#ff1631
}
.outcome-header {
    width: 100%;
}

.outcome-header li {
    margin-left: 20px;
}

.related-issue-title {
    /*display:block;*/
    font-size:14px;
}

.related-issues {
    display:block;
    font-size:12px;
}

.test-FAILURE {
    background-color: #fd989b;
}


.test-ERROR {
    background-color: #f5ad59
}

.test-COMPROMISED {
    background-color: plum;
}

.test-SKIPPED {
    background-color: #eeeadd;
}

.test-ABORTED {
    background-color: #ff8f53;
}

.test-IGNORED {
    background-color: #eeeadd;
}

.test-PENDING {
    background-color: #e5f2eb;
}

.caption
{
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae; padding-left: 25px; font-style: italic
}

.breadcrumbs
{
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae; text-transform: capitalize;
}

.bluetext
{
    font-family:euphemia, verdana, sans-serif; font-size:16px; color: #0d78ae;
}

.redtext
{
    font-family:euphemia, verdana, sans-serif; font-size:16px; color:#CC0033;
}
.yellowtext
{
    font-family:euphemia, verdana, sans-serif; font-size:16px; color:#CCCC33;
}
.lightredtext
{
    font-family:euphemia, verdana, sans-serif; font-size:16px; color:#FF6600;
}
.lightgreentext
{
    font-family:euphemia, verdana, sans-serif; font-size:16px; color: #88a717;
}
.orangetext
{
    font-family:euphemia, verdana, sans-serif; font-size:24px; color: #fd3e03; font-weight:bold; font-size-adjust:inherit;
}
.lightorangetext
{
    font-family:euphemia, verdana, sans-serif; font-size:16px; color: #fd3e03;
}
.violettext
{
    font-family:euphemia, verdana, sans-serif; font-size:16px; color: darkviolet;
}
.greentext
{
    font-family:euphemia, verdana, sans-serif; font-size:16px; color: #88a717; font-weight:normal;
}

.small
{
    font-size:12px;
}


.caption
{
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae; padding-left: 25px; font-style: italic
}


.textmiddle
{
    vertical-align:middle;
}

#contentbody
{
    margin:25px 0px 25px 0px;
}

#contenttittle
{
    margin:00px 25px 00px 10px;
}
#contenttop
{
    /*    background-image:url(../images/top.jpg);
        float:inherit;
        background-repeat:repeat-x;
    */    height:30px;
}

#beforefooter
{
    height:70px;
}

#beforetable
{
    height:10px;
}
.tablerow
{
    background-image: url(../images/tablebg.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#f5f6ee;
    width:1025px; float:left;
}

.toptablerow
{
    background-image: url(../images/greenline.jpg); background-position:bottom; background-repeat:repeat-x;  background-color:#f5f6ee;
    width:1025px; float:left; height:60px;
}


.icon
{
    height:16px; width:16px;
}

/* Added by jfs */
.pending-color {
    color: #0d78ae;
}

.success-color {
    color: #88a717;
}

.failure-color {
    color: #fc2a1c;
}

.error-color  {
    color: #FF6108;
}

.flag-color {
    color:#ff1631
}

.ignore-color {
    color: #CCCC33;
}

.skip-color {
    color: darkgoldenrod;
}

.aborted-color {
    color: #FDAA7D;
}

.compromised-color  {
    color: #ff68ff;
}

.group-heading {
    font-family:euphemia, verdana, sans-serif; font-size:18px; color: #0d78ae; font-weight: bold;
}


.top-level-step {
    font-family:euphemia, verdana, sans-serif; font-size:15px; color: #0d78ae; font-weight: normal;
}
.nested-group-step {
    font-family:euphemia, verdana, sans-serif; font-size:14px; font-style:italic; color: #0d78ae;
}
.nested-step {
    font-family:euphemia, verdana, sans-serif; font-size:14px; font-style:italic; color: #0d78ae;
}

.top-level-icon {

    height: 25px;
    width: 25px;
    margin-right: 5px;
}

.nested-icon {
    height: 20px;
    width: 20px;
}

.nested-group-icon {
    height: 20px;
    width: 20px;
}

.summary-icon {
    height: 15px;
    width: 15px;
    margin-right: 5px;
}

.error-message-cell .table{
    width: 99%;
}
.error-message {
    font-family:euphemia, verdana, sans-serif; font-size:12px; color:#CC0033; text-align:left; width:100%;
}

.error-message-title {
    font-family:monospace; font-size: 14px; color: black;
    white-space: pre-wrap;
}
.parameters {
    display: block;
    font-size:14px; font-style: italic; color:grey;
}

.single-parameter {
    font-size:14px; font-style: italic; color:grey;
}

.SUCCESS-text {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #88a717;
}

.FAILURE-text {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #CC0033; font-style:italic;
}

.ERROR-text {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #FF6108; font-style:italic;
}

.COMPROMISED-text {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: blueviolet; font-style:italic;
}

.PENDING-text {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color:#0d78ae; font-style:italic;
}

.IGNORED-text {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color:#0d78ae; font-style:italic;
}

.SKIPPED-text {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color:#0d78ae; font-style:italic;
}

.ABORTED-test {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: rgba(255, 153, 102,0.7); font-style:italic;
}

.SUCCESS-item-text {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #88a717; font-style:italic;
}

.FAILURE-item-text {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #fd3e03; font-style:italic;
}

.PENDING-item-text {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color:#0d78ae; font-style:italic;
}

.IGNORED-item-text {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color:#0d78ae; font-style:italic;
}

.SKIPPED-item-text {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color:#0d78ae; font-style:italic;
}

.ABORTED-item-text {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color:rgba(255, 153, 102,0.7); font-style:italic;
}

.release-title {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #88a717;
}

.release-stats {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: black;
}


/*
.redtext
{
font-family:euphemia, verdana, sans-serif; font-size:16px; color:#CC0033;
}
.lightredtext
{
font-family:euphemia, verdana, sans-serif; font-size:16px; color:#FF6600;
}
.lightorangetext
{
font-family:euphemia, verdana, sans-serif; font-size:16px; color: #fd3e03;
}
.greentext
{
font-family:euphemia, verdana, sans-serif; font-size:16px; color: #88a717; font-weight:bold;
}
*/

/* TREEMAP Styling */

#graph {
    width:700px;
    margin-left: 50px;
}

#dashboard {
    width:700px;
    height: 500px;
    margin-left: 50px;
    border: 1px solid #BBB;
    background-color: #DDD;
}

#progress-gradient {
    background: #e6f4ff; /* Old browsers */
    background: -moz-linear-gradient(left, #e6f4ff 0%, #0065ff 80%, #0023e1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e6f4ff), color-stop(80%,#0065ff), color-stop(100%,#0023e1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #e6f4ff 0%,#0065ff 80%,#0023e1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #e6f4ff 0%,#0065ff 80%,#0023e1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #e6f4ff 0%,#0065ff 80%,#0023e1 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f4ff', endColorstr='#0023e1',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #e6f4ff 0%,#0065ff 80%,#0023e1 100%); /* W3C */
}

#result-gradient {
    background: #ff0000; /* Old browsers */
    background: -moz-linear-gradient(left, #ff0000 0%, #ffff00 50%, #00ff00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(50%,#ffff00), color-stop(100%,#00ff00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ff0000 0%,#ffff00 50%,#00ff00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ff0000 0%,#ffff00 50%,#00ff00 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #ff0000 0%,#ffff00 50%,#00ff00 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #ff0000 0%,#ffff00 50%,#00ff00 100%); /* W3C */
}

.legend {
    width: 400px;
    height: 20px;
    margin: 8px;
    margin-left: 0px;

    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:0.9em;

    padding: 5px;
    border: 1px solid #d3d3d3;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/*- Menu--------------------------- */

#link_menu {
    width: 200px;
    margin: 0px;
    border-style: solid solid none solid;
    border-color: #D8D5D1;
    border-size: 1px;
    border-width: 1px;
}

#link_menu li a {
    height: 32px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 24px;
    text-decoration: none;

    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:0.9em;
}

#link_menu .selected {
    font-weight: bold;
}

#link_menu li a .selected {
    font-weight: bold;
}

#link_menu li a:link, #link_menu li a:visited {
    color: #3688BA;
    display: block;
    background:  url(../images/links_menu.png);
    padding: 8px 0 0 30px;
}

#link_menu li a:hover {
    color: #3688BA;
    background:  url(../images/links_menu.png) 0 -32px;
    padding: 8px 0 0 32px;
}

#link_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#link_menu img {
    border: none;
}


.graphview {
}

.graphlinks  {
    margin: 8px;
    margin-left: 20px;
    padding: 8px;
    vertical-align: top;
}

.linksmenu {
    width: 170px;
    height: 40px;
    margin: 8px;
    margin-left: 20px;
    padding: 8px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:0.9em;

    padding: 5px;
    border: 1px solid #d3d3d3;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.result-graph {
    border: 1px solid gray;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}

.legend-zone {
    width:700px;
    margin:auto;
}

.legend-minimum {
    color: #000000;
    font-weight: bold;
    opacity: 0.75;
    float: left;
}

.legend-maximum {
    color: white;
    font-weight: bold;
    opacity: 0.67;
    float: right;
}


.dark-legend-minimum {
    color: #ffff00;
    font-weight: bold;
    opacity: 0.75;
    float: left;
}

.dark-legend-center {
    color:#ff1631;
    font-weight: bold;
    opacity: 0.67;
    float: left;
    position:relative;
    left:30%;
    text-align: center;
}

.dark-legend-maximum {
    color: #000000;
    font-weight: bold;
    opacity: 0.67;
    float: right;
}

.percentagebar {
    background-color: darkgrey; border: thin solid gray; height: 1.1em;
}

.percentagebarbackground {
    background-color: darkgrey; border: thin solid gray; height: 1.1em;
}

.untestedbar {
    background-color: darkgrey; height: 1.1em;
}

.pendingbar {
    background-color: #a2f2f2; height: 1.1em;
}

.errorbar {
    background-color: #FF6108; height: 1.1em;
}

.compromisedbar {
    background-color: #ff68ff; height: 1.1em;
}

.ignoredbar {
    background-color: #eeeadd; height: 1.1em;
}

.failingbar {
    background-color: #ff1631; height: 1.1em;
}
.passingbar {
    background-color: #99cc33; height: 1.1em;
}

.failing-color {
    color: #ff1631;
}
.error-color {
    color: #FF6108;
}
.compromised-color {
    color: #ff68ff;
}
.passing-color {
    color: #99cc33;
}

#accordion {
    list-style: none;
    padding: 0 0 0 0;
    width: 500px;
}

#accordion div {
    display: block;
    margin: 1px;
    cursor: pointer;
    padding: 5px;
    list-style: circle;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#accordion ul {
    list-style: none;
    padding: 0 0 0 0;
}

#accordion ul {
    display: none;
}

#accordion ul li {
    font-weight: normal;
    cursor: auto;
    padding: 7px 0 0 7px;
}

#accordion a {
    text-decoration: none;
}

#accordion a:hover {
    text-decoration: underline;
}

.result_summary {
    padding: 5px;
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae; font-weight:normal; font-size-adjust:inherit;
}

.test-summary-table {
    width: 100%;
    margin-bottom: 20px;
    background-color: white;

}

.tag-title {
    width: 100%;
    display: inline-block;
}

.menu {
    width: 99%;
    background-color: #e0e2df;
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae; font-weight:normal; font-size-adjust:inherit;
}

.menu ul{
    margin: 0; padding: 0;
    float: left;
}

.menu ul li{
    display: inline;
}

.menu ul li a{
    float: left; text-decoration: none;
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae; font-weight:normal; font-size-adjust:inherit;
    padding: 10.5px 11px;
    background-color: #e0e2df;
}

.menu ul li a:hover{
    color: #fff;
    background-color:#0d92df;
}

.menu ul li .current{
    color: #fff;
    background-color:#0b75b2;
}

.tagTypeTitle {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae;
    font-style: italic;
}

.related-tag-percentage {
    text-align: right;
    width: 50px;
    min-width: 50px;
    font-size: 0.8em;
    padding-right: 4px;
}

.related-tag-count {
    text-align: center;
    width: 50px;
    min-width: 50px;
    font-size: 0.8em;
}

.overview {
    border: 0px;
    padding-top: 10px;
    width: 100%;
    min-height: 650px;
    min-width: 1000px;
}

.tagLink {
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:0.9em;
    padding-left: 5px;
}

a.tagLink:visited, a.tagLink:link {
    color: white;
}

.tag-badge {
    font-weight: 400 !important;
    font-size: 0.9em !important;
    color: floralwhite !important;
}
.story-title
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f1f3e8;
    padding: 10px;
    border: 1px;
    border-color: #e7e8e3;
    border-style: solid;
}

.scenario-title {
    width:1008px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f4f6ec;
    padding: 10px;
    border: 1px;
    border-color: #e7e8e3;
    border-style: solid;
}

.step-table
{
    width:100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f4f6ec;
    padding: 5px;
    border: 1px;
    border-color: #e7e8e3;
    border-style: solid;
    table-layout: fixed;
}

.step-table-nested
{
    width:100%;
    table-layout: fixed;
}

.test-case-caption {
    font-size: 1em;
    display: block;
    font-family:euphemia, verdana, sans-serif;
    color: #808080;
    padding-bottom: 4px;
    margin-left: 60px;
}

.outcome-icon {
    float: left;
}

.step-description-column {
    width: 100%;
}

.step-table th {
    text-align:left;
}

.step-table td {
    padding: 5px 0px;
}

td.step-icon {
    padding: 5px;
}

.step-description {
    overflow: auto;
    margin-right: 1em;
}

.step-table-separator td {
    border-bottom: 1px solid #0d78ae;
}

#test_list_title {
    color:#0d78ae;
    font-family:euphemia, verdana, sans-serif;
    font-size:16px;
    font-weight: bold;
    width: 995px;
    min-width: 995px;
}

#test-results-table {
    color:#0d78ae;
    font-family:euphemia, verdana, sans-serif;
    font-size:16px;
    width: 995px;
    min-width: 995px;
}

#release-test-results-table {
    color:#0d78ae;
    font-family:euphemia, verdana, sans-serif;
    font-size:16px;
    width: 980px;
    min-width: 980px;
}

#results-dashboard
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f1f3e8;
    padding: 5px;
    border: 1px;
    border-color: #e7e8e3;
    border-style: solid;
}


.test-results-heading
{
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #88a717; font-weight:bold; white-space: nowrap;
    text-align: left;
    padding-left: 4px;
}

#test_list_tests {
    padding: 0.5em 0 0 !important;
}

#test_list_tests label {
    font-family:euphemia, verdana, sans-serif;font-size: 14px; font-weight:normal;
}

.dataTables_info {
    font-family:euphemia, verdana, sans-serif;font-size: 14px; font-weight:normal;
}

table.dataTable thead th div.DataTables_sort_wrapper {
    padding-right: 20px
}

table.dataTable thead th {

}

.currentTag {
    font-weight: bold;
}

.test_list_title {
    padding-bottom: 10px;
}

h2 {
    font-family:euphemia, verdana, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color:#0d78ae;
    margin-bottom: 10px;
    padding-bottom: 0.5em;
}

h3 {
    font-family:euphemia, verdana, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color:#0d78ae;
    margin-bottom: 10px;
}


h4 {
    font-family:euphemia, verdana, sans-serif;
    font-style: italic;
    font-size: 14px;
    color:#0d78ae;
    margin-bottom: 10px;
}

.ellipsis {
    white-space: nowrap;
    width: 55em;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.truncated-tag-title {
    white-space: nowrap;
    width: 25em;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.truncate-20 {
    overflow: hidden;
    max-width: 40ch;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.truncate-40 {
    overflow: hidden;
    max-width: 40ch;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.truncate-60 {
    overflow: hidden;
    max-width: 60ch;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.truncate-80 {
    overflow: hidden;
    max-width: 80ch;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.tag-count-header {
    font-size: 0.9em;
}
.test-count-summary {
    font-family:euphemia, verdana, sans-serif;
    font-size: 16px;
    padding-bottom: 10px;
    color:#0d78ae;
    background-color: #f1f3e8;
}

.test-count-title {
    font-weight: bold;
    padding-bottom: 0.25em;
}

.result-test-count {
    color: #808080;
    font-weight: 200;
}

.test-count {
    font-size: 14px;
}

.timestamp {
    font-size: 14px;
}
.requirementName {
    font-family:euphemia, verdana, sans-serif;font-size: 14px; font-weight:bold;font-style: normal;
    color: #0d78ae;
    margin-bottom: 0.5em;
}

.requirementNarrative {
    display:block;
    margin-top: 0.5em;
    margin-bottom: 1em;
    font-family:euphemia, verdana, sans-serif;font-size: 14px; font-weight:normal; font-style: italic;
}


.requirementNarrativeTitle ul,ol,dl {
    margin-left: 40px;
}

.requirementNarrativeTitle {
    padding-left: 1.6em;
    padding-bottom: 1em;
}

.requirementNarrativeTitle > blockquote{
    font-size: 1em;
    font-style: italic;
}


.requirementNarrativeTitle > h3 {
    font-size: 1.1em;
}

.requirementNarrativeTitle > table {
    border: solid 1px grey;
    padding: 4px;
}

.requirementNarrativeTitle > table th {
    font-weight: bold;
    color: gray;
}


.requirementNarrativeTitle > table tr td {
    border: solid 0.5px grey;
    padding: 8px;
}

.requirementNarrativeTitle > table th {
    border: solid 0.5px grey;
    padding: 8px;
}

.requirementNarrativeField {
    color: #0d78ae;
    font-family:euphemia, verdana, sans-serif;font-size: 14px; font-weight:normal;
    border: #6495ed solid thin;
    padding: 8px;
}

.requirementNarrativeField > ul,ol {
    margin-left: 30px;
}

.custom-field-title {
    color:blue;
    font-family:euphemia, verdana, sans-serif; font-size:16px;
    font-weight: bold; color: #0d78ae; font-style:italic;
    margin: 4px;
}

.cardNumber
{
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #88a717; white-space: nowrap;
    padding: 8px;
}

.table
{
    background-color:#f1f3e8; width:100%;
}

.capabilities-table {
    padding: 0.5em 0 0 !important;
    padding-bottom:20px;
}

#releases {
    padding: 0.5em 0 0
}

.release-context-tree {
    padding-left: 10px;
}

.test-results {
    padding-bottom: 20px;
}

.test-results label {
    font-family:euphemia, verdana, sans-serif;font-size: 14px; font-weight:normal;
}

.test {
    color: #99cc33;
    color: #009818;
    color: #a2f2f2;
    color: #8bb1df;
    color: #ff1631;
    color: #a20019;
    color: orange;
}
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; }
.datagrid {
    font: normal 14px/150% euphemia, verdana, sans-serif;
    background: #fff; overflow: hidden; border: 1px solid #e7e8e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.datagrid table td,
.datagrid table th {
    padding: 3px 10px;
    font-family:euphemia, verdana, sans-serif;
    font-size:14px; color: #0d78ae; font-weight: normal;
}
.datagrid table thead th {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36752D), color-stop(1, #275420) );
    background:-moz-linear-gradient( center top, #36752D 5%, #275420 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');
    background-color:#36752D;
    color:#FFFFFF;
    font-size: 14px;
    font-weight: bold;
    border-left: 1px solid #36752D;
}
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td {
    border-left: 1px solid #bfc1b5;
    border-bottom: 1px solid #bfc1b5;
    font-size: 15px;font-weight: normal;
}
.datagrid table tbody .alt2 td { background: #F1F3E8; color: #275420; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tbody tr.test-FAILURE td { background: #ffcdce; color:#ff1631 }
.datagrid table tbody tr.test-ERROR td { background: #fed6c2; color:#FF6108 }
.datagrid table tbody tr.test-COMPROMISED td { background: plum; color: black; }
.datagrid table tbody tr.test-SKIPPED td { background: #daca8c; color: darkblue; }
.datagrid table tbody tr.test-ABORTED td { background: rgb(243, 186, 155); color: #4f2307; }
.datagrid table tbody tr.test-IGNORED td { background: #eeeadd;}
.datagrid table tbody tr.test-PENDING td { background: #e5f2eb;}

#requirements-summary {
    padding:0px;
    float: left;
    width: 1000px;
}

#coverage_pie_chart {
    float: left;
    width: 225px;
}
#coverage_summary {
    width:700px;
    float: right;
    display: inline-block;
    padding: 10px;
    min-height: 320px;
}

.coverage_stats {
    border: solid blue 1px;
}

.coverage_stats_section {
    border: solid green 1px;
}

.label {
    font-family:euphemia, verdana, sans-serif;
    font-size: 16px;
    color:#0d78ae;
    width: 400px;
    padding: 4px;
}

.value {
    font-family:euphemia, verdana, sans-serif;
    font-size: 16px;
    color:#0d78ae;
    font-style: italic;    padding: 4px;
}

.subtopic {
    font-style: italic;
    padding-left: 20px;
}

table.coverage_data {
    border-spacing: 0px;
}

table.coverage_data td {
    border-spacing: 0px;
    border-bottom: solid #d3d3d3 1px;
}
.scenario{
    color:#0D78AE;
    font-size:15px;
    font-family:euphemia,verdana,sans-serif;
    border:1px solid #0D78AE;
    border-radius:5px;
    -webkit-border-radius:5px;
    padding:5px;
    overflow: auto;
}

.related-tags-section {
    vertical-align: top;
    padding-top: 20px;
    padding-left: 20px;
    width: 100%;
}

#test_results_pie_chart {
    margin-top:20px; margin-left:20px; width:375px; height:375px;
}

#test-results-tabs-1 {
    min-height: 475px;
}

#weighted_test_results_pie_chart {
    margin-top:20px; margin-left:20px; width:375px; height:375px;
}
.read-more-link{

}
.read-more-link img{
    margin-bottom:-2px;
}
.read-more-text{
    display:none;
}
.read-more-text div{
    display:block
}

.example-table {
    padding-bottom: 20px;
}

.example-table table {
    color:#0d78ae;
    font-family:euphemia, verdana, sans-serif;
    font-size:14px;
    min-width: 1008px;
}

.example-table label {
    font-family:euphemia, verdana, sans-serif;font-size: 14px; font-weight:normal;
}

.date-and-time {
    float:right; padding: 0px; color:gray;
}

.embedded {
    margin: 4px;
    padding: 4px;
    border-collapse:collapse;
}

.embedded th {
    padding: 4px;
    border: thin solid #d3d3d3;
}

.embedded td {
    padding: 4px;
    border: thin solid #d3d3d3;
}

.confluenceTable {
    margin: 4px;
    padding: 4px;
    border-collapse:collapse;
}

.confluenceTable th {
    border: thin solid #d3d3d3;
}

.confluenceTable td {
    border: thin solid #d3d3d3;
}

#releases {
    border: solid #d3d3d3 1px;
    padding: 8px;
    padding-left: 15px;
}

.jqtree-title {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae;
}

.jqtree_common {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae;
}

ul.second-level-requirements  {
    list-style-type: circle;
    margin-left: 20px;
}

.highlighted-value {
    font-style: italic;
}


.summary-table {
    width: 100%;
    border: solid #d3d3d3 1px;
    margin-bottom: 20px;
    border-collapse: collapse;
    padding: 4px;
    min-width:500px;
}

.summary-table td,th {
    /*border: solid #d3d3d3 1px;*/
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: black; font-weight:normal; font-size-adjust:inherit;
}

.summary-table th {
    font-family:euphemia, verdana, sans-serif; font-size:14px; color: #0d78ae; font-weight:normal; font-size-adjust:inherit;
    background-color: #f0f0f0;
}

.summary-leading-column {
    background-color: #f0f0f0;
    font-style: italic;
}

#projectname-banner {
    float:right;
    width:70%
}

.projectname {
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
    float:right;
}

.projecttitle {
    font-weight:normal; font-size:2em; color:#428bca; position:relative;
    text-align: right;
}

.projectsubtitle {
    font-weight:normal; font-style: italic; font-size:1.25em; color:#428bca; position:relative;
    display: block;
    text-align: right;
}

.togglePieChart {
    float:right;
}

.togglePieChart a:link,
.togglePieChart a:visited  {
    color: white;
    background-color: #0d78ae;
    font-size: 0.9em;
    padding: 4px;
    border: solid thin blue;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.togglePieChart a:hover {
    color: yellow;
}

.step-parameter {
    color: #0d78ae;
}

.version {
    color: grey;
    padding-top: 4px;
    alignment: center;
    font-size: smaller;
    font-family:euphemia, verdana, sans-serif;
}

#slider {
    position:relative;
    width:1000px; /* Change this to your images width */
    height:auto; /* Change this to your images height */
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

.tags-summary-table {
    margin-bottom: 0px;
    color: #0d78ae;
    border: none;
}

.build-info table {
    table-layout: fixed;
}

.build-info table td,th {
    overflow: hidden;
}

.modal-body p {
    word-wrap: break-word;
    color: grey;
}

#results-dashboard {
    color:grey;
}

.stacktrace {
    color: grey;
}

.rest-content {
    color: cornflowerblue;
}

#restModal .modal-content
{
    height:500px;
    overflow:auto;
}

#stacktraceModal .modal-content
{
    height:500px;
    overflow:auto;
    color: grey;
}

.piece-of-evidence {
    padding-left : 1em;
    padding-top:0.5em;
    display: block;
}

.parent-requirement-label {
    color:#428bca;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12pt;
}

/* Icon colors */
.pending-icon {
    color: #5f93ce;
}

.success-icon {
    color: #99cc33;
}

.failure-icon {
    color:#ff1631
}

.compromised-icon {
    color: #ff68ff;
}

.error-icon {
    color: #ff6108
}

.ignored-icon {
    color: dimgray;
}

.skip-icon {
    color: darkgoldenrod;
}

.aborted-icon {
    color:  rgb(255, 153, 102);
}

.error-caption {
    color:#ff1631;
    font-style: italic;
}


/*.datagrid table {*/
/*border-collapse: collapse;*/
/*text-align: left;*/
/*width: 100%;*/
/*}*/

/*.datagrid {*/
/*font: normal 12px/150% Arial, Helvetica, sans-serif;*/
/*background: #fff;*/
/*overflow: hidden;*/
/*border: 1px solid #006699;*/
/*-webkit-border-radius: 3px;*/
/*-moz-border-radius: 3px;*/
/*border-radius: 3px;*/
/*}*/

/*.datagrid table td, .datagrid table th {*/
/*padding: 3px 10px;*/
/*}*/

/*.datagrid table thead th {*/
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0d78ae), color-stop(1, #00557F));*/
/*background: -moz-linear-gradient(center top, #006699 5%, #00557F 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');*/
/*background-color: #006699;*/
/*color: #FFFFFF;*/
/*font-size: 15px;*/
/*font-weight: bold;*/
/*border-left: 1px solid #0070A8;*/
/*}*/

/*.datagrid table thead th:first-child {*/
/*border: none;*/
/*}*/

/*.datagrid table tbody td {*/
/*color: #0d78ae;*/
/*border-left: 1px solid #E1EEF4;*/
/*font-size: 14px;*/
/*font-weight: normal;*/
/*font-family: euphemia, verdana, sans-serif;*/

/*}*/

/*.datagrid table tbody .alt td {*/
/*background: #E1EEf4;*/
/*color: #00557F;*/
/*}*/

/*.datagrid table tbody td:first-child {*/
/*border-left: none;*/
/*}*/

/*.datagrid table tbody tr:last-child td {*/
/*border-bottom: none;*/
/*}*/

/*.datagrid th:first-child { display:none; }*/
/*.datagrid td:first-child { display:none; }*/

.requirements-overview li {
    margin-left: 2em;
}

.cast {
    margin-left: 20px;
    width: 100%;
}

.cast td {
    vertical-align: top;
}
.cast li {
    color: grey;
    margin-left: 20px;
    padding-top: 4px;
}

.small-graph {
    height: 250px;
}

/* Chartist styling */

.ct-chart-donut .ct-label {
    font-size: 0.9em;
    font-weight: bold;
}

.chart-container {
    margin:10px;
}

h3 {
    padding-bottom: 0.5em;
}

/* Automated only results */
/* Success */
.aggregated-results .ct-series-a .ct-slice-donut-solid {
    fill: #99cc33;
}
/* Pending */
.aggregated-results .ct-series-b .ct-slice-donut-solid {
    fill: #A2C4EC;
}
/* Ignored */
.aggregated-results .ct-series-c .ct-slice-donut-solid {
    fill: darkgrey;
}
/* Skipped */
.aggregated-results .ct-series-d .ct-slice-donut-solid {
    fill: #EEE098;
}
/* Aborted */
.aggregated-results .ct-series-e .ct-slice-donut-solid {
    fill: #e5b949;
}
/* Failure */
.aggregated-results .ct-series-f .ct-slice-donut-solid {
    fill: #ff1631;
}
/* Error */
.aggregated-results .ct-series-g .ct-slice-donut-solid {
    fill: #FF6108;
}
/* Compromised */
.aggregated-results .ct-series-h .ct-slice-donut-solid {
    fill: #ff68ff;
}

/* Automated and manual results */
/* SUCCESS */
.automated-and-manual-results .ct-series-a .ct-slice-donut-solid {
    fill: rgb(153,204,51)
}
.automated-and-manual-results .ct-series-b .ct-slice-donut-solid {
    fill: rgba(153,204,51,0.5)
}
/* PENDING */
.automated-and-manual-results .ct-series-c .ct-slice-donut-solid {
    fill: rgba(165, 199, 238, 1) ;
}
.automated-and-manual-results .ct-series-d .ct-slice-donut-solid {
    fill: rgba(165, 199, 238, 0.5) ;
}
/* IGNORED */
.automated-and-manual-results .ct-series-e .ct-slice-donut-solid {
    fill: rgba(168, 168, 168, 1);
}
.automated-and-manual-results .ct-series-f .ct-slice-donut-solid {
    fill: rgba(168, 168, 168, 0.5);
}
/* SKIPPED */
.automated-and-manual-results .ct-series-g .ct-slice-donut-solid {
    fill: rgba(238, 224, 152, 1) ;
}
.automated-and-manual-results .ct-series-h .ct-slice-donut-solid {
    fill: rgba(238, 224, 152, 0.5) ;
}
/* ABORTED */
.automated-and-manual-results .ct-series-i .ct-slice-donut-solid {
    fill: rgb(255, 153, 102)
}
.automated-and-manual-results .ct-series-j .ct-slice-donut-solid {
    fill: rgba(255, 153, 102, 0.5) ;
}
/* FAIL */
.automated-and-manual-results .ct-series-k .ct-slice-donut-solid {
    fill: #ff1631;
}
.automated-and-manual-results .ct-series-l .ct-slice-donut-solid {
    fill: rgba(255, 22, 49, 0.5);
}
/* ERROR */
.automated-and-manual-results .ct-series-m .ct-slice-donut-solid {
    fill: #ff6108;
}
.automated-and-manual-results .ct-series-n .ct-slice-donut-solid {
    fill: rgba(255, 97, 8, 0.5);
}
/* COMPROMISED */
.automated-and-manual-results .ct-series-o .ct-slice-donut-solid {
    fill: #ff68ff;
}
.automated-and-manual-results .ct-series-p .ct-slice-donut-solid {
    fill: rgba(255, 104, 255, 0.5);
}

tr.SUCCESS td {
    background-color: rgba(153, 204, 51, 0.025);
}
tr.PENDING td {
    background-color: rgba(165, 199, 238, 0.05);
}
tr.IGNORED td {
    background-color: rgba(165, 165, 165, 0.05);
}
tr.SKIPPED td {
    background-color: rgba(238, 224, 152, 0.05);
}
tr.ABORTED td {
    background-color: rgba(229, 206, 73, 0.1);
}
tr.FAILURE td {
    background-color: rgba(255, 22, 49, 0.15);
}
tr.ERROR td {
    background-color: rgba(255, 97, 8, 0.15);
}
tr.COMPROMISED td {
    background-color: rgba(255, 104, 255, 0.05);
}

.scenario-heading {padding-left: 1em;}
.scenario-details p { line-height: 0.8;}

.scenario-heading {padding-left: 1em;}

.gwt-button {padding-left: 2.5em;}
.scenario-details p { line-height: 0.8;}

.scenario-background-section {
    padding-top: 0.25em;
}

.scenario-docs p {
    padding-left: 2.5em;
    margin: 0px;
}

.rule-toc-entry {
    font-weight: bold;
}

.scenario-toc-entry {
    font-weight: normal;
    padding-left: 1em;
}

.scenario-toc-entry i {
    padding-right: 0.25em;
}

.orphan-scenario-toc-entry i {
    padding-right: 0.25em;
}

.scenario-docs ul {
    padding-left: 3.5em;
    margin: 0px;
}

.summary-stats td {
    font-weight: bold;
}

.more-details { background-color: #0d78ae; }
.more-details:hover { background-color: #428bca; }

.scenario-text {
    padding-left: 1.5em;
    margin-bottom: 1em;
    font-style: italic;
}

div.scenario-text:empty {
    display:none;
}

.table-parameter {
    font-style: italic;
    color: #0d78ae;
}

.examples {
    margin-top: 1em;
}

.scenario-docs.card {
    background-color: white;
    border: 0.5px grey solid;
    border-radius: 0.5em;
    margin-bottom: 1em;
}

.example-table {
    overflow-x:auto;
}

.example-table table td {
    padding: 4px;
}

.example-table th {
    border: 0.5px solid darkgrey;
    color: grey;
    background-color: beige;
}

.example-table td {
    border: 0.5px solid darkgrey;
    color: grey;
}


.test-report table {
    border: 0.75px solid dimgrey;
    min-width: 80%;
}
.test-report th {
    font-weight: bold;
    background-color: white;
}

.test-report th:first-child {
    width: 1em;
}

.test-report td.test-SUCCESS {
    background-color: white;
}




.example-table-in-scenario {
    overflow-x:auto;
    padding-bottom: 1.5em;
}

.example-table-in-scenario table {
    min-width: 80%;
    max-width: 80%;
}
.example-table-in-scenario table th {
    padding: 4px;
}

.example-table-in-scenario table td {
    padding: 4px;
}

.example-table-in-scenario th {
    border: 0.5px solid darkgrey;
    color: grey;
}

.example-table-in-scenario td {
    border: 0.5px solid darkgrey;
    color: grey;
}

.example-table-in-scenario .row {
    margin-right: 15px;
}


.example-table-in-summary th:last-child {
    width: 0.5em;
}

.example-table-in-summary th:last-child {
    text-align: center;
    align-items: center;
    align-content: center;
    padding-left: 1em;

}

.example-table-in-summary {
    padding-bottom: 0px;
}

.example-table-in-summary .row {
    margin-right: 15px;
}

.example-table-in-scenario th:last-child {
    width: 0.5em;
}

.example-table-in-scenario td:last-child {
    padding-left: 0.5em;
    width: 1em;
}

.scenario-description {
    padding-left: 1em;
}

.scenario-docs .card-body table {
    margin-left: 3em;
}

.context-icon {
    padding-right: 1em;
}

.more-details-result-compromised { background-color: #ff68ff; !important; }
.more-details-result-error { background-color: #FF6108; !important;  }
.more-details-result-failure { background-color: #ff1631; !important; }
.more-details-result-aborted { background-color: rgb(255, 153, 102);  !important; }
.more-details-result-skipped { background-color: #B2A671;  !important; }
.more-details-result-ignored { background-color: #777777;  !important; }
.more-details-result-pending { background-color: #6884A6; !important;  }
.more-details-result-success { background-color: rgb(153,204,51); !important;  }

.badge-compromised { background-color: #ff68ff; }
.badge-error { background-color: #FF6108; }
.badge-failure { background-color: #ff1631; }
.badge-aborted { background-color: rgb(255, 153, 102); }
.badge-skipped { background-color: #B2A671; }
.badge-ignored { background-color: #777777; }
.badge-pending { background-color: #6884A6; }
.badge-success { background-color: rgb(153,204,51); }


.scenario-report-badges {
    min-height:1.5em;
    margin-left:0.5em;
}
.scenario-report-badge {
    float:right;
}

span.evidence {
    display: block;
}

.scenario-docs blockquote {
    font-style: italic;
    font-size: 1em;
}

.manual-test-result {
    display:block;
    margin-left: 4em;
}

.environment {
    background-color: #fff;
    font-size: 16px;
    table-layout: fixed;
}

.environment th {
    color: #000000;
    font-weight: bold;
    text-align: center;
}

.environment td {
    color: #69727f;
    text-align: center;
}

.example-heading {
    font-width: bold;
}

.example-description {
    display: block;
    margin-left: 2.5em;
    padding: 0.25em;
    font-style: italic;
}

div.code {
    white-space: pre;
}

.icons-bar {
    white-space: nowrap;
}
/* COMPROMISED */
.automated-and-manual-results .ct-series-o .ct-slice-donut-solid {
    fill: #ff68ff;
}
.automated-and-manual-results .ct-series-p .ct-slice-donut-solid {
    fill: rgba(255, 104, 255, 0.5);
}

.scenario-heading {padding-left: 1em;}
.scenario-details p { line-height: 0.8;}

.scenario-heading {padding-left: 1em;}

.gwt-button {padding-left: 2.5em;}
.scenario-details p { line-height: 0.8;}

.scenario-background-section {
    padding-top: 0.25em;
}

.scenario-docs p {
    padding-left: 2.5em;
    margin: 0px;
}

.rule-toc-entry {
    font-weight: bold;
}

.scenario-toc-entry {
    font-weight: normal;
    padding-left: 1em;
}

.scenario-toc-entry i {
    padding-right: 0.25em;
}

.orphan-scenario-toc-entry i {
    padding-right: 0.25em;
}

.scenario-docs ul {
    padding-left: 3.5em;
    margin: 0px;
}

.summary-stats td {
    font-weight: bold;
}

.more-details { background-color: #0d78ae; }
.more-details:hover { background-color: #428bca; }

.scenario-text {
    padding-left: 1.5em;
    margin-bottom: 1em;
    font-style: italic;
}

div.scenario-text:empty {
    display:none;
}

.table-parameter {
    font-style: italic;
    color: #0d78ae;
}

.examples {
    margin-top: 1em;
}

.scenario-docs.card {
    background-color: white;
    border: 0.5px grey solid;
    border-radius: 0.5em;
    margin-bottom: 1em;
}

.card-header {
    border-bottom: solid gray 0.5px;
    padding: 0.5em;
    font-weight: bold;
}

/* Card header colours */

.card-header.failure {
    background-color: rgba(255, 0, 0, 0.05);
}
.card-header.failure a:link, .card-header.failure a:visited {
    color: darkred;
}
.card-header.pending {
    background-color: rgba(0, 167, 255, 0.05);
}
.card-header.error {
    background-color: rgba(255, 141, 0, 0.05);
}
.card-header.error a:link,.card-header.error a:visited  {
    color:darkred;
}
.card-header.compromised {
    background-color: rgba(255, 0, 255, 0.05);
}
.card-header.compromised a:link, .card-header.compromised a:visited {
    color:darkred;
}
.card-header.ignored {
    background-color: rgba(168, 168, 168, 0.2);
}
.card-header.ignored a:link, .card-header.ignored a:visited {
    color:darkred;
}
.card-header.skipped {
    background-color: rgba(238, 224, 152, 0.2);
}
.card-header.aborted {
    background-color: rgb(255, 219, 199);
}
.card-header.aborted a:link, .card-header.aborted a:visited {
    color: rgb(79, 35, 7);
}

.large-icon {
    font-size: 2.5rem;
}

.title-icon {
    font-size: 3.5rem;
}


/*.scenario-result.PENDING {*/
/*background-color: rgba(0, 167, 255, 0.05);*/
/*}*/
/*.scenario-result.FAILURE {*/
/*background-color: rgba(255, 0, 0, 0.05);*/
/*}*/
/*.scenario-result.ERROR {*/
/*background-color: rgba(255, 141, 0, 0.05);*/
/*}*/
/*.scenario-result.COMPROMISED {*/
/*background-color: rgba(255, 0, 255, 0.05);*/
/*}*/
/*.scenario-result.IGNORED {*/
/*background-color: rgba(168, 168, 168, 0.1);*/
/*}*/
/*.scenario-result.SKIPPED {*/
/*background-color: rgba(238, 224, 152, 0.2);*/
/*}*/

.card-body {
    padding: 0.5em;
}

.scenario-result-icon {
    float: right;
}

.scenario-docs table {
    margin-left: 3em;
    margin-top: 0.5em;
}

.scenario-docs th {
    /*font-weight: bold;*/
    font-size: 14px;
    color: grey;
    padding: 4px;
    border: 0.5px solid grey;
}

.scenario-docs td {
    padding: 4px;
    border: 0.5px solid grey;
}

.scenario-docs .dataTable {
    border-bottom-color: white;
}

.examples {
    padding-top: 0.5em;
}

.automated-stats {
    background-color: rgba(38, 38, 38, 0.06);
    width: 8%;
}

.manual-stats {
    background-color: rgba(38, 38, 38, 0.03);
    width: 8%;
}

.total-stats {
    font-weight: bold;
    width: 8%;
}

.scenario-result-table th {
    text-transform: capitalize;
}

.treeview .badge {
    background-color: aliceblue;
    border: lightblue 1px solid;
}

.toc-title {
    width: 90%;
}

.top-list-title {
    min-width: 25em;
}

.failure-badge {
    background-color: red !important;
    color: white !important;
    font-weight: bold !important;
}

.feature-tags {
    float:right;
    padding:4px;
}

.stacktrace-details {
    width: 99%;
    margin-left: 0px !important;
    background-color: bisque;
    font-family: monospace;
}

.rest-query-details {
    width: 99%;
    margin-left: 0px !important;
    background-color: #EEEEE0;
    font-family: monospace;
}

.details-button  {
    float: right;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    margin-right: 5px; !important;
    font-size: 1em;
    background-color: rgba(238,0,0,0.3);
}

.copy-button {
    float: right;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    margin-right: 5px; !important;
    font-size: 1em;
}

.missing-scenario-warning {
    color:#ff1631
}

div.progress {
    height:20px;
    margin:0px !important;
}

.feature-count {
    font-weight: normal;
    color: dimgrey;
}

.requirements-overview img {width: 100%;}

td.indented-error-category i {
    margin-left: 20px;
}

.report-info {
    font-style: italic;
    font-size: 0.9em;
    padding-top: 0.5em;
    padding-left: 1em;
}

.test-report table {
    border: 0.75px solid dimgrey;
    min-width: 80%;
}
.test-report th {
    font-weight: bold;
    background-color: white;
}

.test-report th:first-child {
    width: 1em;
}

.test-report td.test-SUCCESS {
    background-color: white;
}

.example-table-in-scenario {
    overflow-x:auto;
    padding-bottom: 1.5em;
}

.example-table-in-scenario table {
    min-width: 80%;
    max-width: 80%;
}
.example-table-in-scenario table th {
    padding: 4px;
}

.example-table-in-scenario table td {
    padding: 4px;
}

.example-table-in-scenario th {
    border: 0.5px solid darkgrey;
    color: grey;
}

.example-table-in-scenario td {
    border: 0.5px solid darkgrey;
    color: grey;
}

.example-table-in-scenario .row {
    margin-right: 15px;
}


.example-table-in-summary th:last-child {
    width: 0.5em;
}

.example-table-in-summary th:last-child {
    text-align: center;
    align-items: center;
    align-content: center;
    padding-left: 1em;

}

.example-table-in-summary {
    padding-bottom: 0px;
}

.example-table-in-summary .row {
    margin-right: 15px;
}

.example-table-in-scenario th:last-child {
    width: 0.5em;
    /*border-right: solid white 1px;*/
    /*border-top: solid white 1px;*/
    /*border-bottom: solid white 1px;*/
}

.example-table-in-scenario td:last-child {
    padding-left: 0.5em;
    width: 1em;
    /*border-right: solid white 1px;*/
    /*border-top: solid white 1px;*/
    /*border-bottom: solid white 1px;*/
}

.more-details-result-compromised { background-color: #ff68ff; !important; }
.more-details-result-error { background-color: #FF6108; !important;  }
.more-details-result-failure { background-color: #ff1631; !important; }
.more-details-result-aborted { background-color: rgb(255, 153, 102);  !important; }
.more-details-result-skipped { background-color: #B2A671;  !important; }
.more-details-result-ignored { background-color: #777777;  !important; }
.more-details-result-pending { background-color: #6884A6; !important;  }
.more-details-result-success { background-color: rgb(153,204,51); !important;  }

.badge-compromised { background-color: #ff68ff; }
.badge-error { background-color: #FF6108; }
.badge-failure { background-color: #ff1631; }
.badge-aborted { background-color: rgb(255, 153, 102); }
.badge-skipped { background-color: #B2A671; }
.badge-ignored { background-color: #777777; }
.badge-pending { background-color: #6884A6; }
.badge-success { background-color: rgb(153,204,51); }


.scenario-report-badges {
    min-height:1.5em;
    margin-left:0.5em;
}
.scenario-report-badge {
    float:right;
}

span.evidence {
    display: block;
}

.scenario-docs blockquote {
    font-style: italic;
    font-size: 1em;
}

.manual-test-result {
    display:block;
    margin-left: 4em;
}

.environment {
    background-color: #fff;
    font-size: 16px;
    table-layout: fixed;
}

.environment th {
    color: #000000;
    font-weight: bold;
    text-align: center;
}

.environment td {
    color: #69727f;
    text-align: center;
}

.example-heading {
    font-width: bold;
}

.example-description {
    display: block;
    margin-left: 2.5em;
    padding: 0.25em;
    font-style: italic;
}

div.code {
    white-space: pre;
}

.icons-bar {
    white-space: nowrap;
}

.dataTables_filter input {
    font-weight: normal;
}

.nav.nav-tabs li:last-child {
    display: none!important;
}


 #coverageChart{
 display:none!important;
 }

   .container-fluid:nth-of-type(4) {
       display: none!important;
   }

 .container-fluid:nth-of-type(3) {
       display: none!important;
   }

   .container-fluid:nth-of-type(2) {
          display: none!important;
      }

      .table.table-striped.table-hover {
          display: none!important;
      }

    h3:has(.bi.bi-speedometer2) {
        display: none!important;
    }

    .example-tags .tag-badge{
     display: none!important;
    }

    .feature-tags{
         display: none!important;
    }

    .tag   {
    display:none!important;
    }


   .nav.nav-tabs li:nth-child(2)
   {
   display: none!important;
   }

 .nav.nav-tabs li:nth-child(4)
      {
      display: none!important;
      }

 .nav.nav-tabs li:nth-child(5)
{
display: none!important;
}

 .nav.nav-tabs li:nth-child(6)
{
display: none!important;
}

.nav.nav-tabs li:nth-child(7)
{
display: none!important;
}

#durationChart {
    display: none!important;
}

.dashboard-charts .col-lg-4:nth-of-type(3) {
  display: none!important;
}

.dashboard-charts .col-lg-4:nth-of-type(2) {
  margin-left: 150px!important;
}

.dashboard-charts .col-lg-4:nth-of-type(3) {

 display: none!important;

 }

.dashboard-charts .col-lg-4:nth-of-type(2) {

 margin-left: 220px!important;

 }

.step-table tr > :nth-child(4) {

     display: none!important;

 }

.step-table tr:last-of-type td:last-child {

     display: none;

 }


