body {
   /* background-color: lightblue;*/
     background-color: white;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.divTable {
    display: table;
    width: 100%;
    background-color: white;
   /* border: 1px solid #666666;*/
   /* border-spacing: 5px;*/ /*cellspacing:poor IE support for  this*/
    box-sizing: border-box;
    /* border-collapse:separate;*/
  }


.divRowHeader {
  display: table-row;
  width: 100%;
  font-weight: bold  ;
  background-color: red;
  /*height: 25px;
  line-height:25px;
  */
  /*background-color:white;*/
  line-height: 25px;
  vertical-align: middle;
  border: 1px dotted #CCC;
  /* background: #F8F8F7; */

}

.divCellFlechaIzq {

  float: left; /*fix for  buggy browsers*/
  display: table-column;
  width: 10%;
  text-align: center;
  border: 1px dotted #CCC;
  border-left: none;
  border-right: none;

  box-sizing: border-box;


}

.divCellFlechaDch {

  float: left; /*fix for  buggy browsers*/
  display: table-column;
  width: 10%;
  text-align: center;
  border: 1px dotted #CCC;
  border-left: none;
  border-right: none;
  box-sizing: border-box;


}

.divCellNumPaises {

  float: left; /*fix for  buggy browsers*/
  display: table-column;
  width: 25%;
  text-align: center;
  border: 1px dotted #CCC;
  border-left: none;
  border-right: none;
  box-sizing: border-box;


}



.divCellPto {
  float: left; /*fix for  buggy browsers*/
  display: table-column;
  width: 10%;
  text-align: center;
  border: 1px dotted #CCC;
  box-sizing: border-box;
    /*background-color: #ccc;*/
}

.divCellCountry {
  float: left; /*fix for  buggy browsers*/
  display: table-column;
  width: 45%;
  text-align: center;
  border: 1px dotted #CCC;
  box-sizing: border-box;
  text-align: left;
  /*background-color: #ccc;*/
}

.divCellMedal {
  float: left; /*fix for  buggy browsers*/
  display: table-column;
  width: 10%;
  text-align: center;
  border: 1px dotted #CCC;
  box-sizing: border-box;
  /*background-color: #ccc;*/
}

.divCellTotalMedals {
  float: left; /*fix for  buggy browsers*/
  display: table-column;
  width: 15%;
  border-right: brown;
  text-align: center;
  border: 1px dotted #CCC;
  box-sizing: border-box;
  /*background-color: #ccc;*/
}



.divRowImpar {
    display: table-row;
    width: 100%;
    /*background-color: #ffffffff;*/
    background-color:white;
  line-height: 25px;
  vertical-align: middle;
  border: 1px dotted #CCC;
  /* background: #F8F8F7; */
  }
  .divRowPar {
    display: table-row;
    width: 100%;
    /*background-color: grey;*/
    background-color:white;
  }



.divCell {
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    width: 33%;
     /*background-color: #ccc;*/
}

.opta-pais-flag {
  vertical-align: middle;
}
.opta-icon-medal {
  height: 20px;
  width: auto;
  /*width: 33%;
  height: auto;*/
  vertical-align: middle;
   margin-bottom: auto;
}
@media (min-width: 600px) {
  opta-widgets-jo-contenedor {
      flex-wrap: nowrap;
    }

    divTable {
      flex-basis: 33%;
    }
  }