﻿.myDataTable {
  margin: 0px;
  padding: 0px;
  width: 100%;
  box-shadow: 10px 10px 5px #888888;
  border: 1px solid #000000;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
}

  .myDataTable table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
  }

  .myDataTable tr:last-child td:last-child {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .myDataTable table tr:first-child td:first-child {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
  }

  .myDataTable table tr:first-child td:last-child {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
  }

  .myDataTable tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }


  .myDataTable tr:nth-child(odd) {
    background-color: #e5e5e5;
  }

  .myDataTable tr:nth-child(even) {
    background-color: #ffffff;
  }

  .myDataTable td {
    vertical-align: middle;
    border: 1px solid #000000;
    border-width: 0px 1px 1px 0px;
    text-align: left;
    padding: 7px;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    color: #000000;
    text-align: center;
  }

  .myDataTable tr:last-child td {
    border-width: 0px 1px 0px 0px;
  }

  .myDataTable tr td:last-child {
    border-width: 0px 0px 1px 0px;
  }

  .myDataTable tr:last-child td:last-child {
    border-width: 0px 0px 0px 0px;
  }

  .myDataTable tr:first-child td {
    background: -o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
    background: -moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
    background: -o-linear-gradient(top,#4c4c4c,000000);
    background-color: #4c4c4c;
    border: 0px solid #000000;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    color: #ffffff;
  }

  .myDataTable tr:first-child:hover td {
    background: -o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
    background: -moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
    background: -o-linear-gradient(top,#4c4c4c,000000);
    background-color: #4c4c4c;
  }

  .myDataTable tr:first-child td:first-child {
    border-width: 0px 0px 1px 0px;
  }

  .myDataTable tr:first-child td:last-child {
    border-width: 0px 0px 1px 1px;
  }

.imgStar {
  width: 25%;
  vertical-align: middle;
}

.imgWebCounter {
  width: 80%;
  padding-left: 20%;
}

.titleIndex {
  padding-left: 30%;
}

.txtExplicationIndex {
  padding-left: 35%;
}

.btnLogin{
  padding-left:46%;
}

.row {
  margin-top: 20px;
}
