/* plotlines css */

body {
background: #c5c5c5;

}

.container {
width: 100% !important;
max-width: 100% !important;
padding: 0px !important;
	
position: fixed !important;
top: 10px !important;
}

#container {

}

.content {
padding: 0px !important;
position: fixed !important;
top: 40px !important;
}

pre {
font-size: 12px;
margin-top: 2px;
margin-bottom: 2px;
}

.highcharts-title {
font-weight: normal !important;
fill: rgb(132 132 132) !important;
font-size: 14px !important;
}

.highcharts-legend-item text {
fill: #848484 !important; /* Change legend text color */
}

.highcharts-axis-labels, .highcharts-xaxis-labels text {
fill: #848484 !important;
font-size: 12px !important;
}

.highcharts-yaxis-labels text {
fill: #848484 !important;
}

.highcharts-axis-title {
font-size: 12px !important;
}

.highcharts-plot-line-label {
font-size: 10px !important;
}

#mesos {
text-align: center;

}

button {
font-size: 14px;
border: 1px solid;
border-radius: 2px;
background: #fff;
cursor: pointer;

padding: 1px;
padding-right: 10px;
padding-left: 8px;

}

table {
border-collapse: collapse;
margin: 0 auto;
}

td, tr, th, .highcharts-number {
color: #222;
font-weight: normal !important;
background: #fff;
font-family: courier;
font-size: 12px;
border: 1px solid #222;
text-align: left;
}

.highcharts-data-table {padding: 6px;}
.highcharts-table-caption {display: none;}

.highcharts-reset-zoom text {
color: #848484 !important;
fill: #848484 !important;
}

.highcharts-button-box {
fill: greenyellow !important;
}

.highcharts-button-box:hover {
fill: red !important;
}


/* ==================================== */

#resetDates {
font-size: 14px;
padding: 1px;
padding-right: 10px;
padding-left: 8px;
border: 1px solid green;
border-radius: 2px;
background: #fff;
}

#show_hide {
font-size: 14px;
padding: 1px;
padding-right: 10px;
padding-left: 8px;
border: 1px dashed #666;
border-radius: 2px;
background: #fff;
}


.date-controls {
display: flex;
gap: 20px;
background: #ffffff;
align-items: center;
justify-content: center;
padding-top:3px;
padding-bottom:3px;
}


label {
display: inline-block;
margin-bottom: 2px;
font-weight: normal;
font-family: courier;
font-size: 16px;
}

/* ================= */

#container {
/* margin-bottom: 6px; */