.enable {
  cursor: not-allowed;
  opacity: 0.5;
}
.disable > a {
  color: currentColor;
  display: inline-block;  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
}


.hr {margin-top: 0em;  margin-bottom: 0em;  border-width: 1px; } 

.tophead{ background-color: white; color: black; border-width: 3px; border-radius:10px; border-color: blue; border-style: groove; margin-top: 5px; margin-bottom: 5px;  padding-top: 10px; padding-bottom: 10px;  font-weight: 800; font-size: large;  text-shadow: 0px 0px blue;}
.tophead a { color: red; text-decoration:none;}


.newx { background-color: white; color: black; border-width: 3px; border-color: #ffd700; border-style: groove; margin-top: 5px; margin-bottom: 5px;  padding-top: 10px; padding-bottom: 10px; font-weight: bold; font-size: large; font-style: bold; text-shadow: 0px 0px #ffd700; }
.newx a { color: red; text-decoration:none;}


.CHART { background-color:white; color: black; border-width: 3px; border-color: red; border-style: groove; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; font-weight: bold; font-size: large; border-radius: 10px; font-style:bold;text-shadow:1px 1px #ffd700}
.CHART a { color: blue; }
.CHART a:visited{ 
    color: purple;}

.head  { background-color:#d8d8d8; color: black; border-width: 3px; border-color: #ffff; border-style: groove; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; font-weight: bold; font-size: large; border-radius: 10px; font-style:bold;text-shadow:1px 1px #ffd700;}
.head a { color:  #000; }

.PANALCHART { background-color:  #cccc99; color: black; border-width: 3px; border-color: #ff0000; border-style: groove; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; font-weight: bold; font-size: large; border-radius: 10px; font-style:bold;text-shadow:1px 1px #ffd700;}
.PANALCHART a { color: red; }

.RECORD { background-color: purple; color: purple; border-width: 3px; border-color: #d8d8d8; border-style: outset; margin-left: 5px; margin-right: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-size: large; border-radius: 10px; font-style:bold;text-shadow:1px 1px #ffd700;}

.blue1{background-color:pink;color:#000000;font-weight:bold;margin-top:1px;margin-bottom:1px;border:5px solid palevioletred;}
.blue2{background-color:silver;color:#ffffcc;font-weight:bold;text-decoration:none;}

.allmatkarecord {border-left:#FC0072 solid 5px;border-right:#FC0072 solid 5px;border-top:#FC0072 solid 5px;border-bottom:#FC0072 solid 5px;background-color:white;font-weight:bold;font-style:italic;font-size:large;text-shadow: 1px 1px GOLD; border-radius: 10px;}

a { text-decoration:  none; }


.datefix {  background-color:white; color: black; border-width: 3px; border-color: #58585a; border-style: groove; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; font-weight: bold; font-size: large; border-radius: 10px; font-style:bold;text-shadow:0px 0px #ffd700 }



.newuser {  background-color:white; color: black; border-width: 3px; border-color: blue; border-style: groove; font-weight: bold; font-size: large; border-radius: 10px; font-style:bold;text-shadow:0px 0px #ffd700 }
.newuser a { color:  blue; }

.login { background-color: mintcream; color: black; font-weight: bold; text-decoration: none; border-width: 2px; border-color: red; border-style: inset; margin: 5px; border-radius: 10px; text-align: center; }
.login a { color:  blue; }

.new2 { background-color: mintcream; color: black; font-weight: bold; font-style: bold; font-family: times new roman; font-size: large; text-decoration: none; border-width: 6px; border-color: red; border-style: inset; border-radius: 10px; text-align: center; }



.gotoTop {
  background:#0C0 repeat scroll 0 0;
  border-radius: 6px;
 
  color: blue;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0 1px 0 #9b14b3;
}
.gotoTop2 {
  background: yellow repeat scroll 0 0;
  
 border-radius: 6px;
  color: blue;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0 1px 0 #9b14b3;
}

.RESULT { background-color: white; color: black; border-width: 3px; border-color: lime; border-style: groove; margin-top: 5px; margin-bottom: 5px;  padding-top: 10px; padding-bottom: 10px; font-weight: bold; font-style: bold; text-shadow: 0px 0px #ffd700; border-radius:10px;}
.RESULT a { color: red; text-decoration:none;}

.RESULT5{ background-color:white; color: black; border-width: 3px; border-color: lime; border-style: groove; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; font-weight: bold; font-size: large; border-radius: 10px; font-style:bold;text-shadow:0px 0px #ffd700}
.RESULT5 a { color:  red; }
.RESULT5 a:visited{ 
    color: purple;
}
.head1 { background-color:#FFF59D; color: #000;;font-weight: bold; font-style: bold; font-size: large; text-decoration: unerline; border-radius: 10px; margin: 5px; padding: 10px;  }
.head1 a { color:  red; }
.head2 { background-color:green; color: white;font-weight: bold;  font-size: small; text-decoration: unerline; border-radius: 10px; margin-right: 5px; margin-left: 5px;}

.myOtherTable1
{ width:auto; background-color:#EBC299; border-collapse:collapse; color:#000; font-size:0px; border-color: black; border-style: inset; border-radius: 10px; text-align: center;  font-weight: bold; font-style: bold; font-family: times new roman; font-size: large;} 
.myOtherTable1 th { color:green; font-variant:small-caps; border-bottom:1px solid green;height:15px;} 
.myOtherTable1 td { font-family:Georgia, Garamond, serif; border-bottom:1px solid #fff;height:15px; font-style:bold;text-shadow:0px 0px black;} 


body {
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
  background:#000;
}

.topnav {
  overflow: hidden;
  padding-left:10px;
margin:5px;
  background-color: #333;
border-radius:10px;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
margin:10px;
  padding: 10px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav .active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav .responsive {position: relative;}
  .topnav .responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav .responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}