.tableM {
  margin: auto;
  max-width: auto;
  border: 1px ;

}

.rowM{

  overflow: hidden;
  background-color: white;
  max-width: auto;
  width: 100%;
  border: 1px ;


}

.boldM{
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
}

.cellM{
  float: left ;
  border: 1px;
  font-size: 20px;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
  background-color: #B6D0E2;
  padding: 5px 0px 5px 0px;
  background: transparent;
  cursor: pointer;
  height: 35px;
  line-height: 35px;
}

.cellM10 {
  width: 10%;
}

.cellM12 {
  width: 12%;
}


.cellM15 {
  width: 15%;
}

.cellM25 {
  width: 25%;
}

.cellM22 {
  width: 22%;
}

.cellM55 {
  width: 55%;
}

.cellM90 {
  width: 78%;
}

.cellF32 {
  width: 32px;
}

.iconDelete {

  background: url('../images/delete_32px.png') no-repeat center center;

}

.iconValid {

  background: url('../images/accept_32px.png') no-repeat center center;

}

.iconInValid {

  background: url('../images/close_32px.png') no-repeat center center;

}

.effectM:hover {
  color: black !important;
  background:  #eff4f7 !important;
  cursor: pointer;
}

.cellM1{
  float: left;
  border: 1px;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  text-align:left;
  color: #02437d;

}

.cellMQ{
  float: left;
  width: 24.5%;
  font-size: 0.8em;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
  background-color: #B6D0E2;
  padding: 5px 0px 5px 0px;
  background: transparent;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {

  .cellM1{
    font-size: 14px;
  }

  .cellM{
    font-size: 14px;
    padding: 5px 0px 5px 0px;
    height: 30px;
    line-height: 30px;
  }

  .remove {

    display: none;

  }

  .mobilePI { width: 20%; }
  .mobileReg { width: 22%; }
  .mobileED { width: 25%; }
  .mobileDoc { width: 25%;}

}