.split-container {
            display: flex;
            flex-direction: row;
            height: 100%;
            border: 1px solid #ccc;
            border: 1px solid black;

        }

        .split-container>div {
            flex: 1;
            height: 100%;
            overflow-y: auto;
            padding: 10px;
        }

.slidecontainer {
  width: 80%;
/*   margin-left:20px; */
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}
.panel
{
	margin-top:20px;
}
.btnLabelDropdown,.btnStyle{
	width:100%;
}

#centerText
{
	font-size:20px;
}
#centerText1,  #centerText2
{
	font-size:16px;
	font-weight: 600;
}

#hrStyle
{height:2px;
border-width:0;
color:gray;
background-color:gray;
}
#cardStyle
{
	margin:10px;
	background-color:grey;
	color:#fff;
	font-size:20px;
}


input[type=range].slider {
  -webkit-appearance: none;
  width: 100%;
  margin: 5px 0;
}
input[type=range].slider:focus {
  outline: none;
}

input[type=range].slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 6.7px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #c0c0c0;
  border-radius: 2.1px;
  border: 0px solid #010101;
}
input[type=range].slider::-webkit-slider-thumb {
  box-shadow: 1.7px 1.7px 1.6px #730000, 0px 0px 1.7px #8d0000;
  border: 0px solid #ff0000;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: rgba(255, 119, 186, 0.89);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10px;
}
input[type=range].slider:focus::-webkit-slider-runnable-track {
  background: #c0c0c0;
}
.slidecontainer {
  width: 100%;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}
table{
	width:100%;
}
.bg-info{
	color:#fff;
}
#errorModel
{
	font-size:15px;
	color:red;
	
}
.errorText
{
	margin-left:50px;
}
.highcharts-figure,
.highcharts-data-table table {
  min-width: 360px;
  max-width: 800px;
  margin: 1em auto;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #f1f7ff;
}
#weight,#meter,#cylinderPiston
{
	font-size:14px;color:#fff;margin-bottom:10px;
}

#demo{
  color: white;
  background:#0000af;
/*    black; */
  padding: 10px;
}
#errordemo{
  color: white;
  background: black;
  padding: 10px;
}
#hexValue{
  color:#5ff471;
/*    green; */
  background:#0000af;
/*    black; */
  font-weight: bolder;
  border: none;
}

.codeheaderfile{
  color:#0000af;
  background:#00f0f6;
  font-weight: bolder;
  border: none;
}


.greenCode{
  color:#5ff471;
/*    green; */
  background:#0000af;
/*    black; */
  font-weight: bolder;
  border: none;
}