.svgDiv                                 {position: fixed; width: 98%; height: 98%;}
.svgplot_title                          {fill: cornflowerblue; stroke: none; font-size: 24px;}

.svgplot_plotrect                       {fill: black;}
.svgplot_background                     {fill: black;}

.svgplot_axis_x_line                    {stroke: darkred;}
.svgplot_axis_x_tick_grid               {stroke: rgb(45, 45, 45); stroke-dasharray: 5,10;}
.svgplot_axis_x_tick_marks_major        {stroke: yellow;}
.svgplot_axis_x_tick_marks_minor        {stroke: rgb(100, 100, 100);}
.svgplot_axis_x_tick_labels             {fill: cornflowerblue; stroke: none; font-size:14px;}

.svgplot_axis_y_line                    {stroke: darkred;}
.svgplot_axis_y_tick_grid               {stroke: rgb(45, 45, 45); stroke-dasharray: 5,10;}
.svgplot_axis_y_tick_marks_major        {stroke: yellow;}
.svgplot_axis_y_tick_marks_minor        {stroke: rgb(100, 100, 100);}
.svgplot_axis_y_tick_labels             {fill: cornflowerblue; stroke: none;}

.svgplot_data_points                    {stroke: black; fill: cornflowerblue;}
.svgplot_data_plotlines                 {stroke: cornflowerblue;}

.svgplot_data_shade                     {stroke: none; opacity: .5}
/* Default gradient with 3 points */
.svgplot_data_shade_gradient_default_n_1        {stop-color: white;}
.svgplot_data_shade_gradient_default_n_2        {stop-color: grey;}
.svgplot_data_shade_gradient_default_n_3        {stop-color: black;}

/* Sensor Id = 1, Temperature*/
.svgplot_data_shade_gradient_Temp_d_120     {stop-color: white;}
.svgplot_data_shade_gradient_Temp_d_110     {stop-color: rgb(196, 156, 196);}
.svgplot_data_shade_gradient_Temp_d_100     {stop-color: darkred;}
.svgplot_data_shade_gradient_Temp_d_90      {stop-color: red;}
.svgplot_data_shade_gradient_Temp_d_80      {stop-color: darkorange;}
.svgplot_data_shade_gradient_Temp_d_70      {stop-color: orange;}
.svgplot_data_shade_gradient_Temp_d_60      {stop-color: yellow;}
.svgplot_data_shade_gradient_Temp_d_50      {stop-color: green;}
.svgplot_data_shade_gradient_Temp_d_40      {stop-color: blue;}
.svgplot_data_shade_gradient_Temp_d_30      {stop-color: rgb(217, 0, 255);}
.svgplot_data_shade_gradient_Temp_d_20      {stop-color: white;}

/* Sensor Id = 4, CO2*/
.svgplot_data_shade_gradient_CO2_d_3000    {stop-color: white;}
.svgplot_data_shade_gradient_CO2_d_2500    {stop-color: rgb(196, 156, 196);}
.svgplot_data_shade_gradient_CO2_d_2000    {stop-color: hotpink;}
.svgplot_data_shade_gradient_CO2_d_1500    {stop-color: red;}
.svgplot_data_shade_gradient_CO2_d_1250    {stop-color: darkorange;}
.svgplot_data_shade_gradient_CO2_d_1000    {stop-color: orange;}
.svgplot_data_shade_gradient_CO2_d_750     {stop-color: yellow;}
.svgplot_data_shade_gradient_CO2_d_600     {stop-color: darkgreen;}
.svgplot_data_shade_gradient_CO2_d_500     {stop-color: slateblue;}
.svgplot_data_shade_gradient_CO2_d_400     {stop-color: darkblue;}
.svgplot_data_shade_gradient_CO2_d_300     {stop-color: black;}

/* Sensor Id = 14, Temperature*/
.svgplot_data_shade_gradient_SittingTemp_d_120     {stop-color: white;}
.svgplot_data_shade_gradient_SittingTemp_d_110     {stop-color: rgb(196, 156, 196);}
.svgplot_data_shade_gradient_SittingTemp_d_100     {stop-color: darkred;}
.svgplot_data_shade_gradient_SittingTemp_d_90      {stop-color: red;}
.svgplot_data_shade_gradient_SittingTemp_d_80      {stop-color: darkorange;}
.svgplot_data_shade_gradient_SittingTemp_d_70      {stop-color: orange;}
.svgplot_data_shade_gradient_SittingTemp_d_60      {stop-color: yellow;}
.svgplot_data_shade_gradient_SittingTemp_d_50      {stop-color: green;}
.svgplot_data_shade_gradient_SittingTemp_d_40      {stop-color: blue;}
.svgplot_data_shade_gradient_SittingTemp_d_30      {stop-color: rgb(217, 0, 255);}
.svgplot_data_shade_gradient_SittingTemp_d_20      {stop-color: white;}

/* Sensor Id = 15, Temperature*/
.svgplot_data_shade_gradient_Patio_d_120     {stop-color: white;}
.svgplot_data_shade_gradient_Patio_d_110     {stop-color: rgb(196, 156, 196);}
.svgplot_data_shade_gradient_Patio_d_100     {stop-color: darkred;}
.svgplot_data_shade_gradient_Patio_d_90      {stop-color: red;}
.svgplot_data_shade_gradient_Patio_d_80      {stop-color: darkorange;}
.svgplot_data_shade_gradient_Patio_d_70      {stop-color: orange;}
.svgplot_data_shade_gradient_Patio_d_60      {stop-color: yellow;}
.svgplot_data_shade_gradient_Patio_d_50      {stop-color: green;}
.svgplot_data_shade_gradient_Patio_d_40      {stop-color: blue;}
.svgplot_data_shade_gradient_Patio_d_30      {stop-color: rgb(217, 0, 255);}
.svgplot_data_shade_gradient_Patio_d_20      {stop-color: white;}

/* Sensor Id = 21, Temperature*/
.svgplot_data_shade_gradient_Garage_d_120     {stop-color: white;}
.svgplot_data_shade_gradient_Garage_d_110     {stop-color: rgb(196, 156, 196);}
.svgplot_data_shade_gradient_Garage_d_100     {stop-color: darkred;}
.svgplot_data_shade_gradient_Garage_d_90      {stop-color: red;}
.svgplot_data_shade_gradient_Garage_d_80      {stop-color: darkorange;}
.svgplot_data_shade_gradient_Garage_d_70      {stop-color: orange;}
.svgplot_data_shade_gradient_Garage_d_60      {stop-color: yellow;}
.svgplot_data_shade_gradient_Garage_d_50      {stop-color: green;}
.svgplot_data_shade_gradient_Garage_d_40      {stop-color: blue;}
.svgplot_data_shade_gradient_Garage_d_30      {stop-color: rgb(217, 0, 255);}
.svgplot_data_shade_gradient_Garage_d_20      {stop-color: white;}

/* Sensor Id = 22, Temperature*/
.svgplot_data_shade_gradient_Crawlspace_d_120     {stop-color: white;}
.svgplot_data_shade_gradient_Crawlspace_d_110     {stop-color: rgb(196, 156, 196);}
.svgplot_data_shade_gradient_Crawlspace_d_100     {stop-color: darkred;}
.svgplot_data_shade_gradient_Crawlspace_d_90      {stop-color: red;}
.svgplot_data_shade_gradient_Crawlspace_d_80      {stop-color: darkorange;}
.svgplot_data_shade_gradient_Crawlspace_d_70      {stop-color: orange;}
.svgplot_data_shade_gradient_Crawlspace_d_60      {stop-color: yellow;}
.svgplot_data_shade_gradient_Crawlspace_d_50      {stop-color: green;}
.svgplot_data_shade_gradient_Crawlspace_d_40      {stop-color: blue;}
.svgplot_data_shade_gradient_Crawlspace_d_30      {stop-color: rgb(217, 0, 255);}
.svgplot_data_shade_gradient_Crawlspace_d_20      {stop-color: white;}

/* Sensor Id = 26 - Porch, Temperature*/
.svgplot_data_shade_gradient_Porch_d_110     {stop-color: white;}
.svgplot_data_shade_gradient_Porch_d_100     {stop-color: rgb(196, 156, 196);}
.svgplot_data_shade_gradient_Porch_d_90      {stop-color: darkred;}
.svgplot_data_shade_gradient_Porch_d_80      {stop-color: red;}
.svgplot_data_shade_gradient_Porch_d_70      {stop-color: darkorange;}
.svgplot_data_shade_gradient_Porch_d_60      {stop-color: orange;}
.svgplot_data_shade_gradient_Porch_d_50      {stop-color: yellow;}
.svgplot_data_shade_gradient_Porch_d_40      {stop-color: yellowgreen;}
.svgplot_data_shade_gradient_Porch_d_30      {stop-color: green;}
.svgplot_data_shade_gradient_Porch_d_20      {stop-color: blue;}
.svgplot_data_shade_gradient_Porch_d_10      {stop-color: indigo;}
.svgplot_data_shade_gradient_Porch_d_0       {stop-color: violet;}
.svgplot_data_shade_gradient_Porch_d_-10     {stop-color: white;}
.svgplot_data_shade_gradient_Porch_d_-20     {stop-color: black;}

/* Sensor Id = 42 - Bluetti, Percent*/
.svgplot_data_shade_gradient_BluettiPercent_d_90      {stop-color: rgb(0, 255, 0);}
.svgplot_data_shade_gradient_BluettiPercent_d_80      {stop-color: rgb(137, 225, 4);}
.svgplot_data_shade_gradient_BluettiPercent_d_70      {stop-color: yellowgreen;}
.svgplot_data_shade_gradient_BluettiPercent_d_60      {stop-color: yellow;}
.svgplot_data_shade_gradient_BluettiPercent_d_50      {stop-color: orange;}
.svgplot_data_shade_gradient_BluettiPercent_d_40      {stop-color: darkorange;}
.svgplot_data_shade_gradient_BluettiPercent_d_30      {stop-color: red;}
.svgplot_data_shade_gradient_BluettiPercent_d_20      {stop-color: darkred;}
.svgplot_data_shade_gradient_BluettiPercent_d_10      {stop-color: black;}
.svgplot_data_shade_gradient_BluettiPercent_d_0       {stop-color: black;}

/* Sensor Id = 47, Awair Temperature*/
.svgplot_data_shade_gradient_AwairTemp_d_120     {stop-color: white;}
.svgplot_data_shade_gradient_AwairTemp_d_110     {stop-color: rgb(196, 156, 196);}
.svgplot_data_shade_gradient_AwairTemp_d_100     {stop-color: darkred;}
.svgplot_data_shade_gradient_AwairTemp_d_90      {stop-color: red;}
.svgplot_data_shade_gradient_AwairTemp_d_80      {stop-color: darkorange;}
.svgplot_data_shade_gradient_AwairTemp_d_70      {stop-color: orange;}
.svgplot_data_shade_gradient_AwairTemp_d_60      {stop-color: yellow;}
.svgplot_data_shade_gradient_AwairTemp_d_50      {stop-color: green;}
.svgplot_data_shade_gradient_AwairTemp_d_40      {stop-color: blue;}
.svgplot_data_shade_gradient_AwairTemp_d_30      {stop-color: rgb(217, 0, 255);}
.svgplot_data_shade_gradient_AwairTemp_d_20      {stop-color: white;}

.SensorMain{
  margin-left: 40px;
  margin-right: 40px;
}

.sensorsSummary{
    background-color:black;
}

.summaryGroupTitleContainer{
    margin-top: 20px;
    font-size: 26px;
}
.summaryGroupTitleContainer a{
    text-decoration: none;
}
.summaryGroupTitle{
    color: darkgray;
}
.summaryGroupTitleContainer :hover{
    text-decoration: underline;
    color: greenyellow;
}
.summaryGroupTitleDelimiters{
    color: purple;
}
.summaryRow{
    display: grid;
    grid-template-columns: 1fr 3fr;
    border-style: solid;
    border-width: 6px;
    border-color: rgb(6, 43, 53);
    width: 1600px;
    /* width: 1280px;
    overflow: hidden;

     */
}

.summaryTextValues{

    color: gray;
    font-size: 20px;

    vertical-align: top;
    margin-top: 10px;
    margin-left: 40px;
    margin-right: 20px;
    margin-bottom: 40px;

    background-color: black;
}
.summarySensorName{
    color: cornflowerblue;
    margin-left: -20px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 24px;
}
.summarySensorValue_last{
    font-weight: bold;
    color: #cf9b47;
}
.summarySensorValueUnit{
    margin-left: 8px;
}
.summaryPlot{
    width: 95%;
    margin-left: 50px;
    display: inline-block;
    background-color: black;
}
.minorSummaryRow{
    width: 90%;
    overflow: hidden;
}
.minorSummaries{
    color: gray;
    display: inline-block;
    border: solid;
    width: 320px;
    border-width: 5px;
    border-radius: 25px;
    border-color: rgb(6, 43, 53);
    margin-left: 60px;
    margin-top: 20px;
    margin-right: 5px;
}
.minorSensorName{
    color: #6495ed;
    margin-left: 20px;
}
.minorSummaryText{
    margin-left: 40px;
    margin-right: 10px;
}
.listTest{
    bottom: 200px;
    display: inline-block;
}
/* .summaryRange_dataMin{
    color: blue;
}
.summaryRange_dataMax{
    color: red;
} */
.summaryRange_dataMin_active{
    color: blue;
}
.summaryRange_dataMax_active{
    color: red;
}

a:link {
    color:inherit;
 }
body{
    background-color: black;
}