input:focus {
  background-color: rgb(255, 255, 147);
  color: rgb(100, 7, 7);
}

/*   ------------ Custom Table Design  --------------- */
.fixed_header{
    width: 100%;
    height: 350px;
    table-layout: fixed;
    border-collapse: collapse;

}

.fixed_header tbody{
  display:block;
  width: 100%;
  overflow: auto;
  height: 350px;
  box-shadow: 5px 5px 5px #aaaaaa;
}

.fixed_header thead tr {
   display: block;
}

.fixed_header thead {
  background: #501A02;
  color:#fff;
  box-shadow: 5px 5px 5px #aaaaaa;
}

.fixed_header th, .fixed_header td {
  padding: 5px;
  text-align: left;
}

.fixed_header tr:hover {
  background-color: rgb(253, 215, 157);
}

/*  -------------- Custom Button Design -------------- */

#custom_btn {
  background-color: #120A7B;
  border-radius: 10px;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
  box-shadow: 5px 5px 5px #aaaaaa;
}

#custom_btn:hover {
  background-color: #fd6802;
  color: white;
}


#custom_btn_print {
  background-color: rgb(90, 33, 7);
  /* border-radius: 10px; */
  color: white;
  padding: 5px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
  box-shadow: 5px 5px 5px #aaaaaa;
}

#custom_btn_print:hover {
  background-color: #fd6802;
  color: white;
}






#custom_btn_show {
  background-color:#9FA59F;
  color: white;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
  width: 80px;
  }

#custom_btn_show:hover {
  background-color: #fd6802;
  color: white;
}

#custom_btn_hide {
  background-color: #10920A;
  color: white;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.2s;
  cursor: pointer;
  width: 80px;
}

#custom_btn_hide:hover {
  background-color: #fd6802;
  color: white;
}

.custom_heading {
font-family: "Arial Black", Gadget, sans-serif;
font-size: 25px;
text-transform: capitalize;
color: #A7DD3C;
text-shadow: 2px 0 0px #800040, 3px 2px 0px rgba(77,0,38,0.5), 3px 0 3px #FF002B, 5px 0 3px #800015, 6px 2px 3px rgba(77,0,13,0.5), 6px 0 9px #FF5500, 8px 0 9px #802A00, 9px 2px 9px rgba(77,25,0,0.5), 9px 0 18px #FFD500, 11px 0 18px #806A00, 12px 2px 18px rgba(77,66,0,0.5), 12px 0 30px #D4FF00, 14px 0 30px #6A8000, 15px 2px 30px rgba(64,77,0,0.5), 15px 0 45px #80FF00, 17px 0 45px #408000, 17px 2px 45px rgba(38,77,0,0.5);
color: #A7DD3C;
}
/* -----------------------------------*/