/* 
    Document   : tsChart
    Created on : Feb 19, 2013, 10:24:13 AM
    Author     : bryan
    Description:
        This stylesheet is supposed to manage the css for the single case graph/chart items.
				
				NOTE: this has not been cleaned up and made "lean".  There are some legacy items and
				overlapp thatneed to be sorted out.
*/

text {
  font-family: arial, verdana, sans-serif;
}

.titleHighlight:hover {
  opacity: 0.2;
}

.phaseLabelHighlight:hover {
  opacity: 0.2;
}

.xAxisLabel {
  font-size: 17px;
}

.yAxisLabel {
  font-size: 17px;
}

.hoverGray:hover {
  opacity: 0.2;
}

.xAxis g text {
  font-size: 14px;
}

.yAxis g text {
  font-size: 14px;
}

.yAxisHighlight:hover {
  opacity: 0.2;
}

.axis path,
.axis line {
  fill: none;
  stroke: black;
  shape-rendering: crispEdges;
  stroke-width: 2px;
}

/*.axis_path {
	fill: none;
	stroke: black;
	shape-rendering: crispEdges;
	stroke-width:2px;
}

.axis_line {
	fill: none;
	stroke: black;
	shape-rendering: crispEdges;
	stroke-width:2px;
}*/

.rules line,
.rules path {
  shape-rendering: crispEdges;
  stroke: #bbb;
}

/*.rules_line {
	shape-rendering: crispEdges;
  stroke: #BBB;
	stroke: blue;
}

.rules_path {
	shape-rendering: crispEdges;
  stroke: #BBB;
}*/

.rules .minor {
  stroke: #bbb;
}

.rules .domain {
  fill: none;
}

.grid .tick {
  stroke: #ccc;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.notesTextArea {
  border-radius: 4px;
  color: black;
  resize: vertical;
  min-height: 120px;
}

.ui-accordion-header {
  font-size: 15px;
  font-weight: bold;
}

.data-markup-tabs {
  margin-left: 20px;
  margin-right: 20px;
}
.data-markup-tabs textarea {
  border-radius: 4px;
  font-family: Consolas, Courier new, courier;
  font-size: 15px !important;
  font-weight: bold;
  color: black;
  resize: none;

  white-space: pre;
  overflow-wrap: normal;
  overflow-x: scroll;
}

.data-markup-tabs .ui-widget-header {
  border: none;
}

.dataInput .ui-widget-content {
  border: none;
}

.dataInput .ui-tabs-panel {
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #aaa;
}

.markupDataTextArea {
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 4px;
  font-family: Consolas, Courier new, courier;
  font-size: 15px !important;
  font-weight: bold;
  color: black;
  resize: none;
  white-space: pre;
  overflow-wrap: normal;
  overflow-x: scroll;
}

.panelMarkupDataTextArea {
  margin-left: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  font-weight: bold;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: default;
}

.footerVersionLabel {
  text-align: right;
  margin-top: 3px;
  font-size: 10px;
  float: right;
  width: 33%;
}

.footerLastModified {
  text-align: left;
  margin-top: 3px;
  font-size: 10px;
  float: left;
  width: 33%;
}

.footerPrintTimeStamp {
  text-align: center;
  margin-top: 3px;
  font-size: 10px;
  float: left;
  width: 33%;
}

.data-markup-tabs {
  width: 900px;
}

.notesWrapperDiv,
.markupDataTextArea {
  width: 880px !important;
}

.panelMarkupDataTextArea {
  max-width: 860px !important;
}

#benchmarkText {
  font-family: Consolas, Courier new, courier;
  font-size: 15px !important;
  font-weight: bold;
  color: black;
}

/* Details window */

.resultWindow {
  border-top: 2px solid black;
  font-family: arial, verdana, sans-serif;
  font-size: 15px;
  color: black;
  text-shadow: none;
}

.detailWindowTextTitle {
  margin: 5px 0px 3px 0px;
}

.detailWindowTextTitleStrongText {
  font-weight: bold;
}

.detailItemContainer {
  padding-left: 20px;
  margin-top: 4px;
  margin-bottom: 0px;
}

.detailItemIcon {
  float: left;
  margin-left: -20px;
  margin-top: 0px;
}

.detailItemStrongText {
  font-weight: bold;
  color: #1f77b4;
  color: var(--primary-color);
}

.ui-state-error {
  padding: 2px;
}

/* shortcode css */
.shortcodeWrapperDiv {
  display: none;
  margin-top: 0px;
  margin-bottom: 0px;
}

hr.hr-topGraph {
  margin-top: 10px;
  margin-bottom: 10px;
}

hr.hr-topGraph.noTitle {
  margin-bottom: 10px;
}

hr.hr-topGraph.static.noTitle {
  margin-bottom: -10px;
}

hr.hr-topGraph.noTitle {
  margin-bottom: 10px;
}

hr.hr-bottomGraph {
  margin-top: 20px;
  margin-bottom: 40px;
}

hr.hr-bottomGraph.noData {
  margin-top: -10px;
  margin-bottom: 40px;
}

hr.hr-bottomGraph.noData.static {
  margin-top: -10px;
  margin-bottom: 40px;
}

/* No "X" on dialogs */
.ui-dialog-titlebar-close {
  display: none;
}

.hr-dialog {
  clear: both;
  margin: 10px 0px;
}

.title-dialog {
  font-weight: bold;
  margin: 20px 10px 10px 10px;
}