/***BEGIN Callgraph.css***/
.callgraph-hub .id-form {
  width: 330px; }

.callgraph-hub div::after {
  visibility: hidden; }

.callgraph-hub .loading-spinner {
  padding-top: 60px; }

.callgraph-hub .parse-checkbox {
  padding-left: 20px; }

.callgraph-hub .waterfall-rect {
  height: 0px; }

.callgraph-hub .ms-List-cell {
  height: 30px; }

.callgraph-hub .anchor span {
  margin-left: 22px;
  margin-top: 5px;
  width: 26px;
  line-height: 26px;
  -moz-border-radius: 30px;
  border-radius: 13px;
  text-align: center;
  font-size: 1em; }

.callgraph-hub .anchor.anchor-red span {
  background-color: rgba(205, 74, 69, 1);
  background-color: var(--status-error-foreground,rgba(205, 74, 69, 1)); }

.callgraph-hub .anchor.anchor-yellow span {
  background-color: rgba(250, 157, 45, 1);
  background-color: var(--status-warning-foreground,rgba(250, 157, 45, 1)); }

.callgraph-hub .anchor-green span {
  margin-left: 31px; }

.callgraph-callout {
  width: 1200px;
  max-height: 700px; }
  .callgraph-callout .no-list-item {
    text-align: center;
    font-size: 16px;
    color: rgba( 200, 200, 200 ,  1 );
    color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
    padding-top: 60px; }
  .callgraph-callout .picklist-columns {
    width: 300px;
    max-height: 500px; }
  .callgraph-callout .pivot-height {
    height: 667px; }
/***END Callgraph.css***/

/***BEGIN ParserTab.css***/
.trace-parse .table-time {
  width: 50px; }

.trace-parse .table-inc {
  width: 50px; }

.trace-parse td {
  font-size: 12px;
  font-family: monospace;
  line-height: 20px; }

.trace-parse tr.parent {
  background: rgba( 218, 218, 218 ,  1 );
  background: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ); }

.trace-parse tr.child {
  background: rgba( 166, 166, 166 ,  1 );
  background: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 ); }

.trace-parse tr.notIn {
  background: none; }
/***END ParserTab.css***/

/***BEGIN Common.css***/
.dri-tools-common.loading-container {
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  width: 10%; }

.dri-tools-common .picklist-columns {
  width: 300px;
  max-height: 500px; }

.dri-tools-common .error {
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 ); }
/***END Common.css***/

/***BEGIN UsageView.css***/
.usage-hub .identity-picker:not(:hover) .edit-button:not(:focus):not(:hover) {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }

.usage-hub .identity-picker .identity-label {
  margin-top: 24px; }

.usage-hub .dbCPU {
  margin-left: 90px; }

.usage-hub .usage-form {
  width: 50%; }
  .usage-hub .usage-form .form-item {
    margin-left: 15px;
    margin-top: 20px; }
  .usage-hub .usage-form .id-form {
    width: 330px; }
  .usage-hub .usage-form .time-range {
    width: 350px;
    margin-top: 49px; }
    .usage-hub .usage-form .time-range .vss-PickListDropdown--title-textContainer {
      display: none; }
    .usage-hub .usage-form .time-range .vss-PickListDropdown--title-caretIcon {
      display: none; }
    .usage-hub .usage-form .time-range .header-div {
      width: 350px;
      text-align: center; }
      .usage-hub .usage-form .time-range .header-div .chevron {
        margin-right: 5px; }
  .usage-hub .usage-form .form-button {
    width: 330px;
    margin-left: 10px; }
  .usage-hub .usage-form .toggle {
    width: 110px; }

.usage-hub .blocked-highlight {
  color: rgba(218, 10, 0, 1);
  color: var(--status-error-text,rgba(218, 10, 0, 1)); }

.usage-hub .service-form {
  width: 100px; }

.usage-hub .usage-table {
  margin-top: 20px; }

.usage-hub .table {
  width: 800px;
  border: 0px;
  border-radius: 8px;
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); }

.usage-hub .graph {
  margin-top: 20px; }

.usage-hub .title {
  text-align: center; }

.usage-callout .startend-label {
  flex-basis: 50px; }

.usage-callout .usage-table {
  margin-top: 20px; }

.usage-callout .usage-form {
  width: 50%; }
/***END UsageView.css***/

/***BEGIN Visualizations.css***/
.visualization-wrapper {
  /* Style the lines by removing the fill and applying a stroke */ }
  .visualization-wrapper .line {
    fill: none;
    stroke-width: 0.5; }
  .visualization-wrapper .axis {
    font: 10px sans-serif; }
  .visualization-wrapper div.tooltip {
    position: absolute;
    text-align: center;
    width: 300px;
    padding: 2px;
    border: 0px;
    border-radius: 8px;
    background-color: rgba( 244, 244, 244 ,  1 );
    background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
    opacity: 0.9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    pointer-events: none; }
    .visualization-wrapper div.tooltip p {
      text-align: left;
      font-family: "Segoe UI";
      font-size: 12px;
      padding-left: 8px; }
      .visualization-wrapper div.tooltip p.tooltip-datetime {
        font-size: 10px;
        font-style: italic; }
      .visualization-wrapper div.tooltip p .dot {
        height: 10px;
        width: 10px;
        margin-right: 5px;
        border-radius: 50%;
        display: inline-block; }
  .visualization-wrapper .axis path,
  .visualization-wrapper .axis line {
    fill: none;
    stroke: rgba( 244, 244, 244 ,  1 );
    stroke: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
    stroke-width: 2px;
    shape-rendering: crispEdges; }
  .visualization-wrapper .line {
    stroke-width: 2.4px; }
  .visualization-wrapper .overlay {
    fill: none;
    pointer-events: all; }
  .visualization-wrapper .focus circle {
    fill: rgba( 255, 255, 255 ,  1 );
    fill: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
    stroke-width: 3px; }
  .visualization-wrapper .hover-line {
    stroke: rgba( 0, 0, 0 ,  1 );
    stroke: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
    stroke-width: 2px;
    stroke-dasharray: 3, 3; }
  .visualization-wrapper .tooltiptext {
    background-color: rgba( 255, 255, 255 ,  1 );
    background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
  .visualization-wrapper .zoom {
    cursor: move;
    fill: none;
    pointer-events: all; }
/***END Visualizations.css***/