<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* donut drill down styles*/
  .piearc text {
        font: 10px sans-serif;
        text-anchor: middle;
    }
    
    .x-axis-drilldown path,.x-axis-drilldown line,.x-axis-drill-trend-1 path, .x-axis-drill path ,.x-axis-drill-trend path,
     .x-axis-drill-trend line,.x-axis-drill-trend-1 line,.x-axis-bardrilldown path,.x-axis-bardrilldown line, .x-axis-drill line,
     .x-axis-drill-daws path,.x-axis-drill-daws line,.x-axis-daws line,.x-axis-daws path,.x-axis-line line,.x-axis-line path
     {
        fill: none;
        stroke: #000;
        shape-rendering: crispEdges;
        stroke:1;
    }

    .y-axis-drilldown path,.y-axis-drill-trend-1 path,.y-axis-drill-trend path, .y-axis-drill path,.y-axis-2 path,.y-axis-2 line
    ,.y-axis-drill-daws path,.y-axis-daws path,.y-axis-daws2 path,.y-axis-line path
    {
        display : none;
    }

.y-axis-drilldown line,.y-axis-drill-trend line,.y-axis-drill-trend-1 line, .y-axis-drill line,.y-axis-bardrilldown line,
.y-axis-daws line,.y-axis-drill-daws line ,.y-axis-line line
   {
    fill: none;
    stroke: rgb(232, 232, 232);
    stroke-dasharray: 456.213, 456.213;
    stroke-dashoffset: 0;
   }

    .togglebutton ,.togglebutton_drivingUsage,.togglebutton_trend,  .backbutton,.togglebutton_deviceanalytics ,.togglebutton_behaviour{
        display: none;
    }

    .tool-tip-pie,.tool-tip-pie-drill,.tool-tip-trend,.tool-tip-trend-drill, .tool-tip-drange,.tool-tip-da-drill,
    .tool-tip-state,.tool-tip-das-drill ,.tool-tip-cumilative  
     {position :absolute; display : none; width : auto; height : auto; background : none repeat scroll 0 0 white;
border : none; border-radius :8px 8px 8px 8px ;box-shadow: -3px 3px 15px #888888; color : black;font : 12px; padding :5px;
 font-weight : bold};

.mouseonClass
{
    stroke:white;
    stroke-width:2;
}

.slices
{
    cursor: pointer
}
.errorMsg_pie { transition: all 0.4s ease 0s; display:none; }
.errorMsg_trend,.errorMsg_registered,.errorMsg_stateusers,.errorMsg_DrivingUsage
{
transition: all 0.4s ease 0s;

}

/*driving usage chart css*/
 body {
     /*   font: 12px Arial;*/
    }


    .Mainbar {
        cursor: pointer;
        /*fill: orange;*/
        /*opacity:0.1*/
    }
    
    .barforAvg {
        fill: red;
        /*opacity:0.1*/
    }

  

    .dash-panel-body .btn {position:absolute;bottom:10px;left:10px;}
    .drill-bar
    {
        /*fill:green;*/
    }


 .relativeblock .togglebutton_drivingUsage ,.togglebutton_trend,.togglebutton_deviceanalytics,.togglebutton_behaviour { position:absolute; left:15px; bottom:15px; z-index:2;}
 /* end driving usage chart css*/

 /* State Users Chart Css*/
    
    .barforAvg_daws {
        fill: red;
        /*opacity:0.1*/
    }

    .backbutton_daws
    {
        display:none;
         position:absolute; left:15px; bottom:15px; z-index:2;
    }

 .Mainbar_daws
 {
     cursor: pointer;
 }

/*End Of State User Code*/

/* Reg Vs Actual Chart Css*/




/* End of css*/

/*Trulia trends css*/

  body{
      position: relative
  }
  
   .states {
            fill: #DDDDDD;
			 cursor:pointer;
        }
        
  .states:hover
    {
    fill:#999999;
    }
    .statesel
    {
    fill:#444444;   
    cursor:pointer;
    }

    .statesdesel
    {
        fill: #DDDDDD;
    }
        .state-borders {
            fill: none;
            stroke: #fff;
            stroke-width: 0.5px;
            stroke-linejoin: round;
            stroke-linecap: round;
            pointer-events: none;
        }
        
        rect.bordered {
            stroke: #f2f2f2;
            stroke-width:2px;
        }

         rect.bordered:hover {
            stroke: #a4a4a4;
            stroke-width: 1px;
			
        }
        
        text.mono {
            font-size: 9pt;
            font-family: Consolas, courier;
            fill: #aaa;
        }
        
        text.axis-workweek {
            fill: #000;
        }
        
        text.axis-worktime {
            fill: #000;
        }
        
        .arc text {
            font: 10px sans-serif;
            text-anchor: middle;
        }
        
        .arc path {
            stroke: #fff;
            stroke-width: 2px;
        }
        
        #piebarcontainer {
            float: right;
            width: 100%;
                position: relative;
 /*   bottom: 190px;*/
 text-align:center;
        }
        
        #piecontainer {
            display:inline-block; margin-top:15px;
        }
        
        #barcontainer{
          float: left;
          width:100%;
          /*    position: absolute;*/
		  text-align:center;
        }
        #container {
            width: 960px;
            margin: 0 auto;
            padding: 30px 0 10px 0;
            position: relative;
        }

        .mapchart{
                /*width: 400px;*/
    float: right;
    margin-right: 20px;
        }
		#mapchart{ width:100%; text-align:center;}

        .bar {
  fill: steelblue;
}

.heatmap-axis text ,.x-axis-hidden{
  font: 10px sans-serif;
}

.heatmap-axis path,
.heatmap-axis line , .x-axis-hidden path , .x-axis-hidden line{
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.heatmap-x.heatmap-axis path,.heatmap-x.heatmap-axis .tick line,.x-axis-hidden path , .x-axis-hidden .tick line{
  display: none;
}
.heatmap-y.heatmap-axis path , .heatmap-y.heatmap-axis .tick  {
  display: none;
}

.removeText
{
display: none;
}

.visibleText
{
    display: block;
};

.visibleTextImp
{
display: block !important;    
}

.visiblex{
    opacity:1 !important
}
div , li , fieldset
{
margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
#piebarcontainer ul{
list-style-type: none;
    margin-top: 20px 0 0 45px;
    width: 100%;
    position: relative;
	display:inline-block;
}

#piebarcontainer li{
    display:inline-block;
    width: 75px;
    text-align: center;
}
#piebarcontainer span
{
    display: block;
    font-size: 20px;
    line-height: 32px;

}

#heatmapchart
{
    margin-bottom: -20px;
	width:100%;
	position:relative;
}
.heatmapsvg { width:100%!important; }
p.subtitle {
    font-size: 13px;
    line-height: 18px;
/*    padding-top: 2px;*/
    color: #999;
    position: relative;
 /*   top: -38px;
    left: 228px;
    width: 130px;*/
}
.maleValue
{
 color: #00b3ee;
}

.femaleValue
{
 color: #f568a5;
}


  .stop-left-5 {
            stop-color:  #007900;
            /* Indigo */
        }
        
        .stop-right-5 {
            stop-color: #ffdd00;
            /* Teal */
        }

         .stop-left-4 {
            stop-color: #ffdd00;
            /* Indigo */
        }
        
        .stop-right-4 {
            stop-color: #ee7c00;
            /* Teal */
        }
        .stop-left-3{
            stop-color: #ee7c00;
            /* Indigo */
        }
        
        .stop-right-3 {
            stop-color: #e00815;
            /* Teal */
        }

.stop-left-2 {
            stop-color: #e00815;
            /* Indigo */
        }
        
        .stop-right-2 {
            stop-color: #941914
            /* Teal */
        }
.stop-left-1 {
            stop-color: #941914
            /* Indigo */
        }
        
        .stop-right-1 {
            stop-color: #941914
            /* Teal */
        }
        /*.stop-left-0 {
            stop-color: #981a1b;
          
        }
        
        .stop-right-0 {
            stop-color: #981a1b
           
        }*/

.controls {
    margin: 0 0 15px 0px;
    font-size: 12px;
    line-height: 12px;
}

fieldset#type {
    margin-right: 49px;
        width: 214px
}

#selState
{
    display: inline !important;
    float: right;
    position: relative;
  /*  right: 600px;
    top: -26px;*/
}

.controls label {
    float: left;
    display: block;
    cursor: pointer;
    padding: 4px 6px;
    background: #ddd;
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 3px 2px 0;
    color: #888;
}



.type,.statestype
{
    line-height: 1;
  /*  color:white !important;*/
    font-size: 12px;
     
}
.type:focus, .type:active {  background: #444; color: white; border: 1px solid #444; }
.type.activeGender{  background: #444; color: white; border: 1px solid #444; }

.statestype { border: 1px solid #ccc; background:#ddd; color:#888;}

.statestype:hover{
    background: #999;
    border: 1px solid #888;
    color: white;
}
.sel {
      background: #444;
    color: white;
    border: 1px solid #333;

}
.sel:hover, .sel:focus { color: white; }
/*.type:hover
{
        background: #999;
    color: white;
    border: 1px solid #888;
}*/

.statename
{
    
    display:inline-block;
    position: relative;
 /*   left: -320px;
    top: -49px;*/
font-size: 24px;
}

.barLabel
{
    display:inline-block;
  /*  position: absolute;
    left: 672px;
    top: 450px;*/
    font-size: 16px;
}

.avgScoreVal
{
float: right;
  /*  position: absolute;
    left: 671px;
    top: 476px;*/
    font-size: 13px;
	width:100%;
	text-align:center;
	line-height:20px;
	height:32px;
    
}

.pieFill
{
    fill:'#444' !important;
}

#daterange_ttc
{
 width: 20% !important;
    position: relative;
    top: 35px;
    left: -115px;

}

#daterange_ttc_to
{
width: 20% !important;
    position: relative;
    top:35px;
    left: 275px;
}

#timespan_ttc
{
	position: absolute;
    right: -147px;
    top: 65px;

}
#errorDiv_trulia_pie
{
	display:none;
	color:red;
	position: relative;
	/*top: 55px;
    left: 64px;*/
    font-size: 12px;
    font-weight: bold;
	width:100%; 
	float:left;

}
#errorDiv_trulia_bar
{
 display:none;
	color:red;
	position: relative;
	/*top: 55px;
    left: 270px;*/
    font-size: 12px;
    font-weight: bold;  
    width:100%; 
	float:left;

}
#errmsg_pie,#errmsg_bar
{
    width:100%;
}
#barchart
{
    position: relative;
   /* left: 186px;*/
    width: 100%;
}


/*End of trulia trends css*/

/*Month Selector Custom Class*/
th.switch
{
    left:56px;
}

.mapTextSelect
{
    fill:white;
}

/*MULTILINE CSS*/


.chart-wrapper {
    /*max-width: 950px;*/
    min-width: 304px;
    margin: 0 auto;
    /*background-color: #FAF7F7;*/
}

.chart-wrapper .inner-wrapper {
    position: relative;
    padding-bottom: 50%;
    width: 100%;
}

.chart-wrapper .outer-box {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

.chart-wrapper .inner-box {
    width: 100%;
    height: 100%;
}

.chart-wrapper text {
  font-family: sans-serif;
  font-size: 13px;
}

.chart-wrapper p {
    font-size: 16px;
    margin-top:5px;
    margin-bottom: 40px;
}

.chart-wrapper .axis path,
.chart-wrapper .axis line {
    fill: none;
    stroke: #1F1F2E;
    stroke-opacity: 0.7;
    shape-rendering: crispEdges;

}
.chart-wrapper .axis path {
  stroke-width: 2px;
}
.chart-wrapper .axis .tick text
{
    font-size: 11px !important;
}

.chart-wrapper .line {
  fill: none;
  stroke: steelblue;
  stroke-width: 3px;
}

.chart-wrapper .legend  {
    min-width: 200px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 16px;
    padding: 10px 40px;
}
.chart-wrapper .legend &gt; div {
    margin: 0px 25px 10px 0px;
    flex-grow: 0;
}
.chart-wrapper .legend p {
    display:inline;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: 600;
}
.chart-wrapper .legend .series-marker {
    height: 1em;
    width: 1em;
    border-radius: 35%;
    background-color: crimson;
    display: inline-block;
    margin-right: 4px;
    margin-bottom: -0.16rem;
}

.chart-wrapper .overlay {
  fill: none;
  pointer-events: all;
}

.chart-wrapper .focus circle {
  fill: crimson;
  stroke: crimson;
  stroke-width: 2px;
  fill-opacity: 15%;
}
.chart-wrapper .focus rect {
    fill: lightblue;
    opacity: 0.4;
    border-radius: 2px;
}
.chart-wrapper .focus.line {
    stroke: steelblue;
    stroke-dasharray: 2,5;
    stroke-width: 2;
    opacity: 0.5;
}
@media (max-width:500px){
    .chart-wrapper .line {stroke-width: 3px;}
    .chart-wrapper .legend {font-size: 14px;}
}
.legendClicked_line {
    opacity: 0.2;
}
/*END OF MULTILINE CSS*/

/*Gause Style*/
.chart-filled
{
	fill: steelblue;
}
.chart-empty
	{
fill: #dedede;
}
		
.needle, .needle-center
{
	fill: #464A4F;
}
/*End of Gauge Style*/

/*start progressBar style*/

.progress-bars,.progress-bars-2 {
   width: 150px;
   min-height: 111px;
   margin-bottom: 50px;
   /*padding: 25px 0 0 25px;*/
   float: left;
}

.progressBar,.progressBar-2 {
   display: block;
   overflow: hidden;
  
   border: 1px solid rgba(0, 0, 0, 0.5);
   border-radius: 10px;
   margin-bottom: 5px;
   margin-left: 10px;
   box-shadow: 1px 1px 1px #888888;
}


.pattern,.pattern-2 {
   height: 100%;
   width: 100%;
   /*background-image: url(pattern.png);*/
   background-color: #FB7457;
}
.pattern-2
{
   /*height: 100% */
}
.percentage {
   margin-left: 0px;
   text-align: center;
   font-family: "Verdana", sans-serif;
   font-size: 0.8em;
   line-height: 18px;
}
.statthumb.progress-bars-2 .progressBar-2
{
    margin-top:0px;
}
/*.amcharts-legend-value,.amcharts-legend-label{font-weight:bold}*/
.amcharts-pie-slice{cursor: pointer}
#piechartDiv .amcharts-pie-slice{cursor:auto}
/*end progress Bar style*/
/*Start Scatter Chart styles*/
.scatterchartmain text {
    font: 10px sans-serif;	
}

.scatterchartaxis line, .scatterchartaxis path {
    /* shape-rendering: crispEdges; */
    fill: none;
    stroke-width: 1;
    stroke-opacity: 0.15;
    stroke: rgb(0, 0, 0);
}

.scattercircle {
    fill: steelblue;
}
.scattertooltip {	
    position: absolute;
    text-align: left;
    width: auto;
    height: auto;
    padding: 5px;
    font: 12px sans-serif;
    font-weight: bold;
    color: black;
    background: lightsteelblue;
    /*border: 2px solid green;*/
    border-radius: 8px;
    pointer-events: none;		
};


/*End Scatter CHart styles*/</pre></body></html>