/* CSS Document */
/* Dropdown items */
/* Make dropdown the same width as its parent nav-link */
.col2{
/* 	margin-right:10px; */
}
.tp{
	margin-top: 14px;
}
.qw{
top:0px;	
}
.hover-box {
  display: inline-block;
  width: 160px;          /* 👈 control hover width */
  padding: 4px 8px;
  text-align: center;
}

.hover-box:hover {
  background-color: #e9ecef;
}


.navbar-toggler {
	color:black!important;}
.lgbtncl
{
	height:50px;

	/* min-width: 140px; */
}
#signinLink{
/* 	  background-color:#015296; */
	  background-color:#17386b;
	  margin-right:-75px;
	  color:white;
	  width:90px;
}
#logout{
  color: black!important;

}
#changepwd{
  color: black!important;

}
.user-block{
	background-color: #015296; 
	color:white;
	height:30px;
	align-items:center;
}
.username {
	margin-top:0px!important;
	margin-left:34px!important;
}

.user-block a {
  color: #fff!important;          /* makes anchor text white */
  text-decoration: none; /* optional: remove underline */
}

.user-block a:hover {
  color: #ddd; /* optional: lighter color on hover */
}
.btn-transparent {

  
   
    color: #000;
    
    padding: 0 7px !important;
    height: 37px;
    font-size: 13px !important;
    display: grid;
    align-items: center;
  
}

.btn-transparent:hover {
 /*  background-color: #000;
  color: #fff; */
}


.nav-item.dropdown {
  position: relative; /* ensures dropdown is positioned relative to parent */
}

.nav-item.dropdown .dropdown-menu {
  min-width: 100%; /* match parent width */
  width: auto;     /* allow it to grow if needed */
}
.dropdown-menu {
  border-radius: 8px;
  padding: 6px 0;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
  min-width: 180px;
}
.dropdown-item {
  padding: 8px 16px;
  font-size: 14px;
  color: #333;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Horgb(255, 255, 255)ect */
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #f2f4f7;
  color: #000;
}

/* Active item */
.dropdown-item.active {
  background-color: #0d6efd; /* Bootstrap primary */
  color: #fff;
}

/* Optional divider spacing */
.dropdown-divider {
  margin: 4px 0;
}
#body{overflow-x: hidden;
  margin: -20px;
}
#a{float: right;}

#scrtbl .evenRow
{box-sizing: border-box; color: inherit;}

#scrtbl th{
	border-top: 3px solid  rgb(17, 97, 130);  
	border-right-style: solid; 
	border-bottom-style: solid;
	border-left-style: solid; 
	border-right-color: rgb(215, 215, 215); 
	border-bottom-color: rgb(215, 215, 215); 
	border-left-color: rgb(221, 221, 221); 
	box-sizing: border-box; 
	padding: 8px 5px; 
	text-align: left; 
	border-collapse: collapse; 
	vertical-align: top; 
	table-layout: auto; 
	color: rgb(9, 86, 139); 
	background-color: rgb(245, 245, 245); 
	line-height: 1.333em; 
	font-size: 1.083em;
	color: rgb(0, 0, 0);
	font-size:"" ;
	font-weight:""; 
	box-sizing: border-box;
}

#scrtbl{
	border-top-width: 0px;
	 border-style: none solid solid; 
	 border-right-color: rgb(221, 221, 221); 
	 border-bottom-color: rgb(221, 221, 221); 
	 border-left-color: rgb(221, 221, 221); 
	 border-spacing: 0px; 
	 border-collapse: collapse; 
	 background-color: transparent; 
	 vertical-align: top; 
	 table-layout: auto;
	 width: 780px; 
	 margin: 0px 0px 15px; 
	 color: rgb(0, 0, 0); 
	 font-family: verdana; 
	 font-size: 14px; 
	 text-align: justify; 
	 padding: 4px; 
	 clear: both; 
	 empty-cells: show;
	 width:100%;
}

#scrtbl tr{
	box-sizing: border-box; 
	color: inherit;
}

#scrtbl td{
	border-bottom: 0px solid rgb(215, 215, 215); 
	border-top-style: solid; 
	border-right-style: solid; 
	border-left-style: solid; 
	border-top-color: rgb(221, 221, 221); 
	border-right-color: rgb(215, 215, 215); 
	border-left-color: rgb(215, 215, 215); 
	box-sizing: border-box; 
	padding: 5px; 
	border-collapse: collapse; 
	vertical-align: top; 
	background-color: rgb(245, 245, 245); 
	overflow-wrap: break-word;
	font-size:"";
	font-weight:" ";
	box-sizing: border-box;
}

#p{
	box-sizing: border-box; 
	margin: 0px 0px 10px; 
	color: rgb(0, 0, 0); 
	font-family: verdana; 
	font-size: 14px; 
	text-align: justify; 
	line-height: 2;
	font-size:"" ;
	font-weight:" ";
	box-sizing: border-box;
}

.Caption
{
	box-sizing: border-box; 
	margin: 0px 0px 10px; 
	color: rgb(0, 0, 0); 
	font-family: verdana; 
	font-size: 14px; 
	text-align: justify; 
	line-height: 2;
	font-size:"";
	font-weight:" ";
	box-sizing: border-box;
	}
	
#gvtimg{
height:70%;	
}


  .topbar-fixed {
   position: relative; 
  top: 0; 
 /*  right: 19%; */
  width: 100%;
 /*  background-color:white; */
 
  /* color: #004080;  
  z-index: 1030;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: frgb(255, 255, 255);
  padding: 0 20px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.1);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 600;
  font-size: 14px; */
}

.lefttop {
  position: relative; 
  top: 0px;
  left: relative;
  width: 100%;
  height:10px;
 
  /* color: #004080; 
  z-index: 1030;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: flex-start; 
  padding: 0 20px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.1);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 600;
  font-size: 14px; */
}
#kljkk{
	font-weight:700!important;
}
#kljkk1{
	font-weight:700!important;
}

  
  .userprofile{
 /*  padding-top: 20px; */
/*   right: 0%; */
  min-height:20px;
 /*  margin-right:-75px; */
  }


@media (max-width: 767px) {
	
  .lgbtncl {
 
  display: inline-block !important;

}
#signinLinkmenu{
	 /*  background-color:#dfdfdf; */
	  }
}
@media (max-width: 1212px) {
 .topbar-fixed {
    top: 0;
    right:0;

  }
}
@media (max-width: 674px) {
	#signinLinkmenu{
	  /* background-color:#dfdfdf; */}
	  .lgbtncl {
 
  display: inline-block !important;
}
  .lefttop {
  /*   top: 40px; */ /* move below topbar */
    justify-content:center!important;
  }
  .lefttoplg{
 /*  top: 40px;  *//* move below topbar */
    justify-content:center!important;
  }

  .topbar-fixed {
    top: 0;
    right:0;
/*     background-color:white; */
  }
  .userprofile{
  width: fit-content;
  }
  .userprofile{
  padding-top: 20px;
/*   right:relative; */
  }
}

 

#languageToggle {
  background: transparent;
  border: none;
  color: #004080;
  cursor: pointer;
 /*  padding: 6px 14px; */
  border-radius: 15px;
  transition: background-color 0.3s, color 0.3s;
  font-weight: 600;
  padding-right:23px;
}

#languageToggle:hover {
  background-color: #cfe2ff;  /* light blue on hover */
  color: #002766;
}
#acc{
	padding-right:21px;
}
.accessibility-icon {
  font-size: 22px;
  color: #004080;
  margin-left: 15px;
  cursor: pointer;
  transition: color 0.3s, transform 0.3s;
}

.accessibility-icon:hover {
  color: #002766;
  transform: scale(1.2);
}

/* Global styling for all screen sizes */
.navbarid {

	/* background-color:white;  */ /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);  */
	/* background-color:#dfdfdf; */
  color:black;
}
.navbarid .nav-link {
	 max-height:28px; 
  color: black!important;
    display: flex;
  align-items: center;
  font-size: 0.95rem;
 /*  padding: 10px 16px; */
  text-align: left;
  width: 100%;
  transition: background-color 0.2s ease; /* smooth hover */
  border-radius: 4px;       /* rounded corners for hover */
        /* enable flexbox */
    /* vertically center items */
  justify-content: space-between; /* optional: space items horizontally */
  /* padding: 0.5rem 1rem;  */
   
}
.nav-link a{
	display: flex;
  align-items: center;
  height: 100%;
}

.navbarid .nav-link i {
  font-size: 1rem; /* default icon size */
  margin-right: 8px;
}

/* .navbarid .nav-link:hover {
  color: #ffc107;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
} */
.dropdown-menu .dropdown-item {
  color: black;                     /* default text */
  transition: background-color 0.2s ease;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  background-color:#d7d7d7;
 /*  #a0522d;         brown highlight on hover */
  color: white;                     /* text white for readability */
}

.navbarid .nav-link:hover,
.navbarid .nav-link:focus {
  background-color:#d7d7d7;
 /*  #a0522d;         brown highlight */
  color: white;                     /* text turns white on hover for contrast */
  text-decoration: none;
}
.navbarid .nav-link.active,
.dropdown-menu .dropdown-item.active {
  background-color:#d7d7d7;
  /*  #8b4513;        darker brown for active */
  color: white;
}



/* Small screen adjustments */
@media (max-width: 767.98px) {
  .navbar-nav {
    width: 100%;
  }

  .navbarid .nav-link {
    font-size: 0.85rem;   /* smaller text */
    padding: 8px 20px;
  }

  .navbarid .nav-link i {
    font-size: 0.9rem;    /* smaller icon */
    margin-right: 6px;
  }
}
/* Normal view (desktop and tablet) */
.menu-icon {
  display: inline-block;
}
.menu-text {
  display: block;            /* Ensures it takes full width */
  text-align: center;        /* Horizontally center the text */
  font-size: 1rem;           /* Font size */
  font-weight:  400;        /* Make it bold */
}

/* Small screens: hide icons */
@media (max-width: 767.98px) {
  .menu-icon {
    display: none !important;
  }

  .menu-text {
    font-size: 0.9rem;
    padding-left: 0;
  }

  .navbarid .nav-link {
    padding-left: 20px;
    font-size: 0.9rem;
  }
}