.logout {
    background-color: #2d0792; /* DarkGold */
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 14pt;     
    border: Solid; border-width:thin; font-style:normal; font-weight:bold; font-family:Verdana; font-size:medium; 
    }
 .logout:hover {
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.17),0 6px 8px 0 rgba(0,0,0,0.18);
    background-color: #2284cd;
 }

.masterrecord {
    background-color: #B8860B; /* DarkGold */
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 14pt;     
    border: Solid; border-width:thin; font-style:normal; font-weight:bold; font-family:Verdana; font-size:medium; 
    }
 .masterrecord:hover {
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.17),0 6px 8px 0 rgba(0,0,0,0.18);
    background-color: #f3bb32;
 }

.assignpwd {
    background-color: #ffff00; /* DarkGold */
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 14pt;     
    border: Solid;  border-color:White; font-style:normal; font-weight:bold; font-family:Verdana; font-size:medium; 
    }
 .assignpwd:hover {
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.17),0 6px 8px 0 rgba(0,0,0,0.18);
    background-color: #f3bb32;
 }
 
.bill {
    background-color: #b00000; /* DarkGold */
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 14pt;     
    border: Solid;  border-color:White; font-style:normal; font-weight:bold; font-family:Verdana; font-size:medium; 
    }
 .bill:hover {
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.17),0 6px 8px 0 rgba(0,0,0,0.18);
    background-color: #ff6262;
 } 
 
 
 
.transaction {
    background-color: #676767; /* DarkGold */
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 14pt;     
    border: Solid;  border-color:White; font-style:normal; font-weight:bold; font-family:Verdana; font-size:medium; 
    }
 .transaction:hover {
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.17),0 6px 8px 0 rgba(0,0,0,0.18);
    background-color: #b5b5b5;
 } 
 
 
 
.complaint {
    background-color: #004e00; /* DarkGold */
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 14pt;     
    border: Solid;  border-color:White; font-style:normal; font-weight:bold; font-family:Verdana; font-size:medium; 
    }
 .complaint:hover {
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.17),0 6px 8px 0 rgba(0,0,0,0.18);
    background-color: #00c400;
 } 
 

.other {
    background-color: #580000; /* DarkGold */
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 14pt;     
    border: Solid;  border-color:White; font-style:normal; font-weight:bold; font-family:Verdana; font-size:medium; 
    }
 .other:hover {
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.17),0 6px 8px 0 rgba(0,0,0,0.18);
    background-color: #f50000;
 } 
 
 .enquery {
    background-color: #004824; /* DarkGold */
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 14pt;     
    border: Solid;  border-color:White; font-style:normal; font-weight:bold; font-family:Verdana; font-size:medium; 
    }
 .enquery:hover {
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.17),0 6px 8px 0 rgba(0,0,0,0.18);
    background-color: #00e573;
 } 
 
 
 .out {
    background-color: #000091; /* DarkGold */
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 14pt;     
    border: Solid;  border-color:White; font-style:normal; font-weight:bold; font-family:Verdana; font-size:medium; 
    }
 .out:hover {
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.17),0 6px 8px 0 rgba(0,0,0,0.18);
    background-color: #6a6aff;
 } 
 
 .gray {
    background-color: #2f4f3f; /* DarkGold */
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 14pt;     
    border: Solid;  border-color:White; font-style:normal; font-weight:bold; font-family:Verdana; font-size:medium; 
    }
 .gray:hover {
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.17),0 6px 8px 0 rgba(0,0,0,0.18);
    background-color: #4c7f65;
 }
 
 
 
 

.btn1 { 
    background-color: #FFCC99; 
    border: 1px solid yellow;
    cursor: pointer; 
    color: Silver;
    border-radius: 4px;
 }

.btn1:hover {
   background-color: #FF9933;
   box-shadow: 0 0 10px #FF99CC;
   color: Menu;
 }
 
 .btn2 {
   display: inline-block;
   cursor: pointer;
   text-align: center;
   outline: 1px;
   color: #fff;
   background-color: #99CCFF;
   border: none;
   border-radius: 10px;
   box-shadow: 0 7px #CCCCCC;
 }

 .btn2:hover {
    background-color: #9999FF
 }

 .btn2:active {
    background-color: #9999FF;
    box-shadow: 0 4px #666;
    transform: translateY(5px);
 }
 
 
 
 
 
 
 
 
 
 .btn4 {
    background-color: #CC99FF;
    color: black; 
    outline: none;
    border: none;
    border-radius: 60%;
    box-shadow: 0 5px #CCCCCC;
    cursor: pointer;
 }

 .btn4:hover {
    background-color: #990000;
    transition-duration: 0.67s;
    color: Yellow; 
 }
 .btn4:active {
    background-color: #CC99FF;
 }
 
 .btn5 {
    border-radius: 5px;
    border: 0;
    border-radius: 5px;
    box-shadow: 1px 2px 5px #666;
 }
 
 .btn5:hover {
    border: 0;
    box-shadow: 1px 2px 5px #999;
    background:  linear-gradient(35deg,#99CCFF, #FFCCFF);
    color: rgb(255, 0, 102);
    padding: 5px;
    text-shadow: 0 -3px 3px #1d62ab;
 }