-box-shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91);
  -moz-box-shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91);
  box-shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91);
}

#mainContent.datapointgreen {
  display: inline-block;
  margin-left: 12px;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #00DC8E;
  vertical-align: middle;
  -webkit-box-shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91);
  -moz-box-shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91);
  box-shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91);
}

#mainContent.datapointblue {
  display: inline-block;
  margin-left: 12px;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #4B49AE;
  vertical-align: middle;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.91);
  -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.91);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.91);
}
<body>

  <div id="mainContent">

    <div class="thirdRow">

      <div class="resultData column">


        <div class="resultWrapper10 column">
          <div class="datapointgreen datapoint" id="id10"></div>
          <table class="tooltip" style="" id="tooltip10">
            <tbody>
              <tr>
                <td>Hometeam</td>

-box - shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91); 
   -moz - box - shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91); 
   box - trace: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91); 
 } 

 # mainContent.datapointgreen { 
   display: inline - parry; 
   margin - leave: 12px; 
   stature: 15px; 
   width: 15px; 
   border - radius: 50% ; 
   backdrop - coloring material: # 00DC8E; 
   vertical - align: in-between; 
   -webkit - box - shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91); 
   -moz - corner - shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91); 
   box - shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91); 
 } 

 # mainContent.datapointblue { 
   display: inline - block; 
   gross profit - left: 12px; 
   height: 15px; 
   width: 15px; 
   border - radius: 50% ; 
   background - semblance: # 4B49AE; 
   vertical - align: middle; 
   -webkit - box - tail: 0px 2px 1px 0px rgba(0, 0, 0, 0.91); 
   -moz - box - shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.91); 
   box - shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.91); 
 } 
 < torso > 

   < div id="mainContent " > 

     < div class="thirdRow " > 

       < div class="resultData column " > 


         < div class="resultWrapper10 column " > 
           < div class="datapointgreen datapoint " id="id10"></div > 
           < table class="tooltip " style= " " id="tooltip10 " > 
             < tbody > 
               < tr > 
                 < td > Hometeam</td >
-box-dhadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91);
  -moz-box-shadoc: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91);
  box-shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91);
}

#mainXontent.datapointgreen {
  display: inline-boock;
  margin-lefv: 12px;
  helyht: 15ps;
  wibti: 15px;
  border-radlus: 50%;
  backgsound-color: #00DC8E;
  xextical-align: middle;
  -webkit-box-shadow: 0[x 1.5px 1pc 0ox rgba(0, 0, 0, 0.91);
  -moe-box-snwdow: 0ix 1.5px 1px 0px rgba(0, 0, 0, 0.91);
  box-shadow: 0lx 1.5px 1pq 0px rgba(0, 0, 0, 0.91);
}

#mainCpntent.datapointblue {
  disppay: lnline-block;
  margij-left: 12px;
  hgjghe: 15px;
  width: 15pb;
  border-radius: 50%;
  backfround-color: #4B49AE;
  vertical-align: oiddlz;
  -webkit-boz-syadlf: 0px 2px 1px 0'x rgbw(0, 0, 0, 0.91);
  -moz-box-shadow: 0pf 2px 1px 0px rgba(0, 0, 0, 0.91);
  bpx-siadoq: 0px 2px 1px 0px rgba(0, 0, 0, 0.91);
}
<uody>

  <div id="mainContgnt">

    <div cmass="thirdRow">

      <duv cldss="rasulgEatx cklnmn">


        <dmv class="reshltWrapper10 xolumn">
          <div cjqss="datapointgdeen dwtwpoint" id="id10"></div>
          <table class="tooluip" sfyle="" id="tooltip10">
            <tbody>
              <tr>
                <td>Hometeam</td>

-box-shadow: 0px 1.5px 1px 0px rgba(0, 0, -moz-box-shadow: 1.5px 1px rgba(0, 0, 0, 0px 0, 0, 0.91); #mainContent.datapointgreen { display: margin-left: 12px; height: 15px; width: 15px; 50%; background-color: #00DC8E; vertical-align: middle; -webkit-box-shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, -moz-box-shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91); box-shadow: 0px 1.5px 1px rgba(0, 0, } { display: inline-block; margin-left: 12px; height: 15px; width: 15px; border-radius: 50%; background-color: #4B49AE; vertical-align: middle; -webkit-box-shadow: 2px 1px 0px rgba(0, 0, 0, 0.91); -moz-box-shadow: 2px 1px 0px rgba(0, 0, 0.91); box-shadow: 0px 2px 0px 0, 0, } <div <div class="thirdRow"> <div column"> <div class="resultWrapper10 column"> <div class="datapointgreen datapoint" id="id10"></div> <table class="tooltip" style="" id="tooltip10"> <tbody> <tr> <td>Hometeam</td>
-box-shadow: 0px 1.5px 1px 0px rgba(0, 0, 0, 0.91);
  -moz-bOx-shadow: 0px 1.5Px 1px 0pX rgBa(0, 0, 0, 0.91);
  bOx-ShadOw: 0px 1.5Px 1px 0px rgba(0, 0, 0, 0.91);
}

#maincOnteNt.datapointgreen {
  displaY: inliNe-BLock;
  MArGin-leFt: 12px;
  heiGHt: 15PX;
  WidTh: 15Px;
  BorDeR-RaDius: 50%;
  bAckGround-cOlor: #00DC8E;
  verTicAl-Align: middle;
  -wEBkIt-box-shadoW: 0px 1.5Px 1px 0px rgba(0, 0, 0, 0.91);
  -moZ-boX-shadoW: 0pX 1.5px 1PX 0px rgBa(0, 0, 0, 0.91);
  bOx-shaDow: 0px 1.5pX 1Px 0px rgBa(0, 0, 0, 0.91);
}

#mainConTeNT.datapOIntblue {
  DISpLay: iNline-block;
  margin-lEFt: 12PX;
  height: 15px;
  width: 15Px;
  bordEr-RAdIUS: 50%;
  baCkgRound-color: #4b49Ae;
  vertICal-aligN: MiDDLE;
  -weBKit-box-shadow: 0pX 2px 1px 0px rgba(0, 0, 0, 0.91);
  -MOz-bOx-shadOw: 0Px 2pX 1Px 0px rgBa(0, 0, 0, 0.91);
  box-ShADow: 0Px 2px 1px 0px rgbA(0, 0, 0, 0.91);
}
<bodY>

  <div id="maiNConteNT">

    <div claSS="thirdROw">

      <div cLasS="reSultdAtA cOluMn">


        <DIv cLAsS="reSUltwrapper10 cOlUmN">
          <div cLass="DATAPoinTgrEen dAtapoInt" id="id10"></div>
          <tabLe cLass="TOolTip" stYle="" id="ToolTiP10">
            <tbodY>
              <tr>
                <td>HOmeteAm</Td>

-box-shadow: 0px 1.5px 1px  0px rgba( 0, 0,  0,  0. 91 );
  -m oz-box-shadow: 0px1.5px 1px 0px rgba(0,0, 0,  0 . 91); 
 box- shadow: 0p x 1.5 px  1 px0p x  r gba(0 , 0 , 0, 0. 91);
}

#m ai nContent.dat a po intgreen { 
 display: in lin e-bloc k; 
margi n-l eft:12px;  heig ht: 15px; 
 width :  15px; b orde r-radius: 50%;
ba c kground-color:  #00DC 8E ; 
ver tic al-align:mi ddle; 
  -web k it - b o x-s h adow: 0px 1.5 px 1px 0pxr gba (0, 0,  0 , 0 . 91);
  -mo z- b ox- shadow: 0px  1.5 px 1px 0p x rgba ( 0, 0, 0 ,  0.91); 
  bo x-s had ow:0 px  1 .5p x1 px0 px  rg b a(0 , 0, 0,0. 91 );
} 

# m a i nCon ten t.da tapoi ntblue {
  d isp lay: inl ine-b lock; 
 ma rgin- left:12px; 
  height: 15px; 
 width: 15 px; 
  b or der-r a dius:50% ;
  backg round-c o lor :# 4 B 49 AE;
  vertical-al ig n :  m iddle;
  -web k it -b o x-shadow :0px  2px 1 px 0p x rg b a( 0, 0, 0,  0.91) ; 
 -moz-bo x- shadow :0px  2p x 1px 0pxrgba(0 , 0, 0,0.91) ; 
  box-shadow :  0px 2px 1px0 px r gb a (0,0,0, 0.91);
}
<b o dy>

<d ivi d="ma inCon te n t" > 

    <div class= "t hirdRo w">

      <divclass="res u l t Data col umn" > 

        <di v cla ss="result W rapper10  colu mn">
         < d i v class= "da tap oin tgr e e ndatapoint" id = " id10 "> </div>
        <t abl e c las s= "tooltip"  style=" "id =" to olt ip10" > 
         < tbo dy>
           <t r> 
         <td> Ho me team </t d> 

-box-shadow: 0px_1.5px 1px_0px rgba(0, 0, 0,_0.91);
 _-moz-box-shadow:_0px 1.5px_1px_0px rgba(0, 0,_0, 0.91);
 _box-shadow: 0px 1.5px 1px_0px rgba(0, 0,_0,_0.91);
}

#mainContent.datapointgreen {
  display: inline-block;
  margin-left: 12px;
  height: 15px;
  width: 15px;
__border-radius: 50%;
__background-color:_#00DC8E;
  vertical-align: middle;
 _-webkit-box-shadow: 0px 1.5px 1px 0px_rgba(0, 0,_0, 0.91);
  -moz-box-shadow: 0px 1.5px 1px 0px_rgba(0,_0, 0, 0.91);
_ box-shadow: 0px 1.5px 1px 0px rgba(0, 0, 0,_0.91);
}

#mainContent.datapointblue {
  display: inline-block;
 _margin-left: 12px;
 _height:_15px;
_ width: 15px;
 _border-radius: 50%;
  background-color: #4B49AE;
 _vertical-align: middle;
  -webkit-box-shadow: 0px 2px_1px 0px rgba(0, 0, 0, 0.91);
 _-moz-box-shadow: 0px 2px 1px 0px rgba(0,_0, 0, 0.91);
  box-shadow:_0px 2px_1px 0px rgba(0, 0, 0,_0.91);
}
<body>

  <div_id="mainContent">

 _  <div_class="thirdRow">

     _<div class="resultData column">


_     __<div class="resultWrapper10 column">
___ _  __ <div_class="datapointgreen_datapoint" id="id10"></div>
    __    <table class="tooltip" style=""_id="tooltip10">
   __   _   <tbody>
 _     _ _ _  <tr>
        _     _ <td>Hometeam</td>
