/* Error text drawn into graph area */
.vis-error-div {
  font-family: Helvetica;
  font-size: 1.5em;
  padding-bottom: 5px;
  width: 100%;
  color: red;
}

/* Default text if nothing else is specified */
.vis-svg-text-default {
  font-size: 0.8em;
  font-family: Helvetica;
  fill: DimGray;
}

/*** Default graph styling - Used by all graphs **********************
*********************************************************************/

/* Default graph DIV container (for all other DIV containers) */
.vis-main-div {
  font-family: Helvetica;
  color: #161616;
  justify-content: center;
  align-items: center;
  min-width: 300px;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  /* border-style: solid;
  border-width: 1px;
  border-color: rgba(128,128,128,0.25); */
}

/* Default graph SVG DIV container */
.vis-svg-div {
  font-family: Helvetica;
  position: relative;
  width: 100%;
  height: 0;

}

/* Default SVG container */
.vis-svg {
  position: absolute;
  top: 0;
  left: 0;
  fill: #f9f9f9 !important;
  /* fill: None;*/
  overflow: hidden;
  background-color: #f9f9f9;
}


/*** Map choropleth **************************************************
*********************************************************************/

/* Default hover on map */
.vis-cp-states :hover {
  opacity: 0.8;
}

/* Layer for state/country/county borders */
.vis-cp-state-borders {
  fill: none;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-linecap: round;
  pointer-events: none;
}


/*** Area/line graph *************************************************
*********************************************************************/

/* Default area graph SVG DIV container (used in combination with vis-svg-div) */
.vis-area-svg-div { }

/* Default area SVG container (used in combination with vis-svg-div) */
.vis-area-svg { }

/* Style for individual area */
.vis-area-area {
    /*stroke: DimGray;
    stroke-width: 1;*/
}

/* Style for individual area - Hover */
.vis-area-area-hover {
  opacity: 0.8;
}




/*** Bar graph *******************************************************
*********************************************************************/

/* Default bar graph SVG DIV container (used in combination with vis-svg-div) */
.vis-bar-svg-div { }

/* Default bar SVG container (used in combination with vis-svg-div) */
.vis-bar-svg { }

/* Style for individual bar */
.vis-bar-bar {
    /*stroke: DimGray;
    stroke-width: 1;*/
}

/* Style for individual bar - Hover */
.vis-bar-bar-hover {
  opacity: 0.8;
}

/* Style for text in bar */
.vis-bar-text {
    fill: DimGray;
}


/*** DataTables ******************************************************
*********************************************************************/
.dataTables_wrapper {
    font-family: Helvetica;
    font-size: 12px;
}
table.dataTable {
  margin-top: 0px !important;
}

/* DataTables: Row background colors. */
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
	background-color: #F8F9F9;
}

/* DataTables: Push buttons way out of the screen! */
.dt-buttons {
  position: absolute;
  left: -9999px;
}

/* DataTables: Change pagination button colors - Inactive buttons! */
.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
    color: var(--success)!important;
}

/* DataTables: Change pagination button colors - Active button! */
.page-item.active .page-link {
  color: #fff!important;
  background-color: var(--success)!important;
  border-color: var(--success)!important;
}




/*** Axis ************************************************************
*********************************************************************/

/* Default axis value text */
.vis-axis-value {
  font-family: Helvetica;
  fill: DimGray;
}

/* Axis description text */
.vis-axis-desc {
  font-family: Helvetica;
  fill: DimGray;
}




/*** Legend - Color list (cl) ****************************************
*********************************************************************/

/* Legend background rect */
.vis-leg-cl-rect {
  /*stroke: DimGray;
  stroke-width: 0.2;*/
  rx: 6px;
  ry: 6px;
  fill: White;
  opacity: 0.9;
}

/* Default legend value text */
.vis-leg-cl-value {
  font-family: Helvetica;
  fill: DimGray;
}

/* Legend description text */
.vis-leg-cl-desc {
  font-family: Helvetica;
  fill: DimGray;
}



/*** Legend - Color scale (cs) ****************************************
*********************************************************************/

/* Legend background rect */
.vis-leg-cs-rect {
  /*stroke: DimGray;
  stroke-width: 0.2;*/
  rx: 6px;
  ry: 6px;
  fill: White;
  opacity: 0.9;
}

/* Default legend value text */
.vis-leg-cs-value {
  font-family: Helvetica;
  fill: DimGray;
}

/* Legend description text */
.vis-leg-cs-desc {
  font-family: Helvetica;
  fill: DimGray;
}


/*** Scroller ********************************************************
*********************************************************************/

/* Scroller - Background rect */
.vis-scroll-bckg {
  fill: DimGray;
  stroke-linejoin="round";
}

/* Scroller - Scrolling rect */
.vis-scroll-scrl {
  fill: DimGray;
}





/*** Tooltips ********************************************************
*********************************************************************/
.vis-tt-div {
  position: absolute;
  text-align: left;
  min-width: 80px;
  min-height: 20px;
  padding: 5px;
  font-size: 0.8em;
  background: white;
  border: 1px;
  border-radius: 4px;
  pointer-events: none;
  z-index: 9999;
}

.vis-tt-title {
  font-family: Helvetica;
  font-size: 1.8em;
  min-height: 60px;
  color: DimGray;
}

.vis-tt-regular {
  font-family: Helvetica;
  font-size: 1.1em;
  color: DimGray;
}

.vis-tt-tab {
  font-family: Helvetica;
  font-size: 1.1em;
  color: DimGray;
}

.vis-tt-tab td {
  padding:5px;
}