/******************************************************************************

Styling for RingWidgetModule

******************************************************************************/ mr-d3-ring-widget {

text-align: center;

}

mr-d3-ring {

display: block;

}

mr-d3-ring svg text {

font-family: sans-serif;
font-size: 12px;
fill: white;

}

mr-d3-ring svg text.center {

font-family: sans-serif;
font-size: 60px;
fill: white;
stroke: black;
stroke-width: 2px;
stroke-linecap: round;
stroke-linejoin: round;
text-anchor: middle;
-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
   -khtml-user-select: none; /* Konqueror */
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none;

}

/*.mr-d3-ring-scale {

display: inline-block;
width: 200px;
height: 200px;

}*/

mr-d3-ring svg g.arc {

opacity: 0.2;

}

mr-d3-ring svg g.arc.selected {

opacity: 1;

}

mr-d3-ring svg g.arc:hover {

opacity: 1;

}