#data-section{
	overflow-x: scroll;
}


.svg-tooltip {
    font-family: "Lato", sans-serif;
    background: rgba(69,77,93,.9);
    border-radius: .1rem;
    color: #fff;
    display: block;
    font-size: 18px;
    max-width: 320px;
    padding: .2rem .4rem;
    position: absolute;
    text-overflow: ellipsis;
    white-space: pre;
    z-index: 300;
    visibility: hidden;
  }

  .slider-selection {
    background-color: #2F364C !important;
    background-image: linear-gradient(to bottom, #3D4766, #3D4766) !important;
  }
  .slider-handle {
    background-color: #2F364C !important;
    background-image: linear-gradient(to bottom, #2F364C, #2F364C) !important;
  }

  .slider.slider-horizontal{
    width:95% !important;
  }

  #slider-input-text-holders{
      display: flex;
      justify-content: space-between;
  }


  /* Make a custom color for the radio inputs */
  .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #2F364C;
    background-color: #2F364C;
  }




  

#chart-container-spinner {
	width:100%;
	
	/*-Lets Center the Spinner-*/
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	
	/*Centering my shade */
	/* margin-bottom: 40px;
	margin-top: 60px; */
	
	background-color: rgba(255,255,255,0.7);
	z-index:9999;
	display: none; 
}


@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}


#chart-container-spinner::after {
	content:'';
	display:block;
	position:absolute;
	left:48%;top:40%;
	width:100px;height:100px;
	border-style:solid;
	border: 5px solid #fff;
	border-top-color: #2c3e50;
	border-width: 15px;
	border-radius:75%;
	-webkit-animation: spin 1s linear infinite;
	
	/* Lets make it go round */
	animation: spin 1s linear infinite;
}

.hide{
  display: none !important;
}

#summary-holder .card-body {

  padding:0.75rem;
  margin:0px;
}

#summary-holder .col-auto{
  /* margin:0.25rem; */
  padding:0.5rem;
  min-width: 20%;
}

#summaryf-holder .card-body {

  padding:0.75rem;
  margin:0px;
}

#summaryf-holder .col-auto{
  /* margin:0.25rem; */
  padding:0.5rem;
  min-width: 20%;
}

 #summary-percentiles-holder .card-body {

  padding:0.75rem;
  margin:0px;
}

 #summary-percentiles-holder .col-auto{
  /* margin:0.25rem; */
  padding:0.5rem;
  min-width: 20%;
}

#summaryf-percentiles-holder .card-body {

  padding:0.75rem;
  margin:0px;
}

 #summaryf-percentiles-holder .col-auto{
  /* margin:0.25rem; */
  padding:0.5rem;
  min-width: 20%;
  
}