body {
  background: #000000;
  padding: 10px 2.5%;
}

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

.style1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
}
.style3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
}
.style4 {
  font-size: 24px;
  font-family: "Monotype Corsiva";
  color: #ffff00;
}
.style5 {
  font-size: 18px;
  color: #ffffff;
}
.style6 {
  font-size: 16px;
  font-weight: bold;
}
.style7 {
  font-size: 24px;
}
.style8 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #990000;
}
.style9 {
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
}
.style10 {
  font-size: 14px;
}
.style18 {
  color: #00ff00;
}
.style34 {
  color: #00ffff;
}
.style35 {
  color: #ffff00;
}
.style36 {
  color: #ffffff;
}
.style38 {
  font-size: 24px;
  color: #990000;
}
a:link {
  color: white;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: white;
}
a:hover {
  text-decoration: underline;
  color: white;
}
a:active {
  text-decoration: none;
  color: white;
}
.style39 {
  font-size: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.style40 {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style44 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
}
body {
  background-color: #000000;
}
.style45 {
  color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style46 {
  font-size: 36px;
}
.style47 {
  font-family: "Monotype Corsiva";
  font-weight: bold;
  color: #0000ff;
}
.style48 {
  color: #000000;
}
.style49 {
  font-size: 22px;
  color: white;
}
.style51 {
  color: #ff6600;
  font-weight: bold;
}

/*************************************/
.top-nav {
  padding: 0;
  margin: 0;
}
.top-nav li {
  border-width: 3px;

  padding: 12px 16px;
  display: inline-block;
  border-color: #878787;
  margin: 0 -2px;
}
.top-nav li a {
}
.clear {
  clear: both;
  width: 100%;
  display: block;
}
.hm_row1 {
  background: #4f10e6;
  text-align: center;
  padding: 15px;
  margin: 0;
  border: 3px solid #006633;
  border-style: groove;
}
img {
  max-width: 100%;
}

.bott_nav {
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
.bott_nav li {
  border-width: 2px;
  border-style: double;
  padding: 12px 25px;
  display: inline-block;
  border-color: #878787;
  margin: 0 -2px;
}
/****************************** 30072016 ******************/
@media screen and (max-width: 640px) {
  table {
    width: 100% !important;
  }
  table tr td {
    /*width: 100% !important; display: inline-table;*/
  }
  input,
  select,
  textarea {
    width: 100% !important;
  }
  .row {
    margin: 0 !important;
  }
  /*.chart{overflow-x: auto !important;max-width: 300px !important;} */ /* 2019 Raju Ka code hat gya chart design loda mera */
}
.style62 {
  color: lime;
  font-size: 25px;
  font-weight: bold;
}
.style52 {
  font-size: 12px;
  font-weight: bold;
  word-break: break-all;
}
.style55 {
  font-size: 19px;
  word-break: break-all;
  font-weight: bold;
}
.board_info {
  color: blue;
  font-size: 13px;
  font-weight: bold;
  background-color: blue;
  padding: 2px;
  color: white;
}
.bgtable {
  background-color: black !important;
}
#area2 {
  text-align: center;
  text-transform: capitalize;
}
#passing_list {
  font-size: 20px;
  padding: 6px;
  background-color: black;
  color: white;
  top: 10px;
  position: relative;
  text-decoration: none;
}

/****New Code***/
.chart_title {
  color: black !important;
}
.menu_text {
  font-weight: bold;
  color: lime !important;
  font-size: 19px;
}
.style54 {
  color: white !important;
}