table, td, tr
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4F4F4F;
}

body
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 4px;
}	

a
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.textField
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4F4F4F;
	border: 1px solid #B8B8B8;
}

.dropDown
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4F4F4F;
	border: 1px solid #B8B8B8;
}

.Button
{
	font-size: 10pt;
}

.info_sh
{
  text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #4F4F4F;
  background-color:#CCCCCC;
  border-left:solid #426DA2 1px;
  border-right:solid #426DA2 1px;
  border-bottom:solid #426DA2 1px;
  border-top:solid #426DA2 1px;
}

.info_box
{
  text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: #4F4F4F;
  background-color:#FFFFFF;
  border-left:solid #426DA2 1px;
  border-right:solid #426DA2 1px;
  border-bottom:solid #426DA2 1px;
  border-top:solid #426DA2 1px;
}

.info
{
  text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #4F4F4F;
  background-color:#EEEEEE;
  border-left:solid #426DA2 1px;
  border-right:solid #426DA2 1px;
  border-bottom:solid #426DA2 1px;
  border-top:solid #426DA2 1px;
}

.info_u
{
  text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #4F4F4F;
  background-color:#FFFFFF;
  border-bottom:solid #426DA2 1px;
}

.info_t
{
  text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #4F4F4F;
  background-color:#FFFFFF;
  border-top:solid #426DA2 1px;
}

.info_h
{
  text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #4F4F4F;
  background-color:#FFFFFF;
  border-left:solid #426DA2 1px;
  border-right:solid #426DA2 1px;
  border-top:solid #426DA2 1px;
}

.info_top {text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 8pt;font-weight: normal;color: #4F4F4F;background-color:#EDFFD3;border-left:solid #426DA2 1px;border-right:solid #426DA2 1px;border-bottom:solid #426DA2 1px;border-top:solid #426DA2 1px;}
.info_head {text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 8pt;font-weight: bold;color: #4F4F4F;background-color:#E1E1E1;border-left:solid #426DA2 1px;border-right:solid #426DA2 1px;border-bottom:solid #426DA2 1px;border-top:solid #426DA2 1px;}
.func {text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 8pt;font-weight: bold;color: #4F4F4F;background-color:#EFEFEF;border-left:solid #BABABA 1px;border-right:solid #BABABA 1px;border-bottom:solid #BABABA 1px;border-top:solid #BABABA 1px;}
.info_2 {text-align: left;color: #4F4F4F;background-color:#F2FFEA;border-left:solid #56882D 1px;border-right:solid #56882D 1px;border-bottom:solid #56882D 1px;border-top:solid #56882D 1px;}
.info_3 {text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 8pt;font-weight: normal;color: #4F4F4F;background-color:#FDFCDA;border-left:solid #426DA2 1px;border-right:solid #426DA2 1px;border-bottom:solid #426DA2 1px;border-top:solid #426DA2 1px;}
.info_top2 {text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11pt;font-weight: normal;color: #FFFFFF;background-color:#5490CB;border-left:solid #426DA2 1px;border-right:solid #426DA2 1px;border-bottom:solid #426DA2 1px;border-top:solid #426DA2 1px;}
.info_top3 {text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11pt;font-weight: normal;color: #FFFFFF;background-color:#B95419;border-left:solid #7B2D00 1px;border-right:solid #7B2D00 1px;border-bottom:solid #7B2D00 1px;border-top:solid #7B2D00 1px;}
.info_top4 {text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11pt;font-weight: normal;color: #FFFFFF;background-color:#707070;border-left:solid #555555 1px;border-right:solid #555555 1px;border-bottom:solid #555555 1px;border-top:solid #555555 1px;}
.info_top5 {text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11pt;font-weight: normal;color: #FFFFFF;background-color:#015122;border-left:solid #002911 1px;border-right:solid #002911 1px;border-bottom:solid #002911 1px;border-top:solid #002911 1px;}

.mem_photo
{
  border-left:solid #7D7D7D 1px;
  border-right:solid #7D7D7D 1px;
  border-bottom:solid #7D7D7D 1px;
  border-top:solid #7D7D7D 1px;
}

A.b_r:link { text-decoration: none; color: #4F4F4F; }
A.b_r:active { text-decoration: none; color: #4F4F4F; }
A.b_r:visited { text-decoration: none; color: #4F4F4F; }
A.b_r:hover { text-decoration: none; color: #F26522;}

.heading
{
  text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  color: #F26522;
  text-align: left
}

.tBlack11
{
  text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  color: #4F4F4F;
  text-align: left
}

.tBlack12
{
  text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  color: #4F4F4F;
  text-align: left
}

.tBlack16
{
  text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 16pt;
  font-weight: normal;
  color: #4F4F4F;
}

.tBlack20
{
  text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 20pt;
  font-weight: normal;
  color: #4F4F4F;
}

.tBlack22
{
  text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 22pt;
  font-weight: normal;
  color: #4F4F4F;
}

.tBlack6
{
  text-align: center;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 6pt;
  font-weight: normal;
  color: #4F4F4F;
}

.floating-menu-panel {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 30px;
  z-index: 9999;
  width: 180px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
  padding: 10px;
  border: 1px solid #eee;
  max-height: 400px;
  overflow-y: auto;
  box-sizing: border-box;
}

.menu-item-btn {
  width: 100%;
  padding: 10px 12px;
  margin: 5px 0;
  background-color: #f8f9fa;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 6px;
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  transition: all 0.2s;
}

.menu-item-btn:hover {
  background-color: #e2e6ea;
  border-color: #dae0e5;
  padding-left: 16px; 
  color: #007bff;
}


.data-table {
  width: 80%;
  margin: 50px auto 400px auto;
  border-collapse: collapse;
}

.data-table th, .data-table td {
  border: 1px solid #ccc;
  padding: 15px;
}

.floating-btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 10000;
  width: 60px;
  height: 60px;
  background-color: #007bff;
  border-radius: 50%;
  border: none;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.floating-btn::before {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMicgaGVpZ2h0PSczMicgdmlld0JveD0nMCAwIDMyIDMyJz48ZyBzdHJva2U9J3doaXRlJyBzdHJva2Utd2lkdGg9JzIuNScgZmlsbD0nd2hpdGUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCc+PGNpcmNsZSBjeD0nNycgY3k9JzYnIHI9JzMuMicvPjxsaW5lIHgxPScxNicgeTE9JzYnIHgyPScyOCcgeTI9JzYnLz48Y2lyY2xlIGN4PSc3JyBjeT0nMTYnIHI9JzMuMicvPjxsaW5lIHgxPScxNicgeTE9JzE2JyB4Mj0nMjgnIHkyPScxNicvPjxjaXJjbGUgY3g9JzcnIGN5PScyNicgcj0nMy4yJy8+PGxpbmUgeDE9JzE2JyB5MT0nMjYnIHgyPScyOCcgeTI9JzI2Jy8+PC9nPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
}

.floating-btn:hover {
  background-color: #0056b3;
  transform: scale(1.05);
  transition: all 0.2s ease;
}

.floating-btn:active {
  transform: scale(0.95);
}

@media (max-width: 1023px) {
  .floating-btn,
  .floating-menu-panel {
    display: none !important;
  }
}