/* ============ navbar  ============ */
.navbar-custom {
	background-color: #2A5648;
	border-color: #2A5648;
	color:#fff;
	font-size:85% !important;	
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: whilte;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #fff;
	font-size:85% !important;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link {
	background-color:#006666;
    color: #fff;
	font-weight:bold;
}
.navbar-custom .nav-item.active:hover .nav-link {
	background-color: #4C786A;
}
.navbar-custom .nav-item:hover {
	background-color:#006666;
}

.navbar-custom .dropdown-item-active, .navbar-custom .dropdown-item:active {
    color: #fff;
    background-color: #6E9A8C;
}

/* for dropdown only - change the color of droodown */
.navbar-submenu {
	display:none;
	position:relative;
	z-index:9999;
}

.navbar-custom .dropdown-item {
    color: #fff;
	background-color: #006666;
	padding:0.625rem 0.925rem;
}
.navbar-custom .dropdown-item-active,
.navbar-custom .dropdown-item:active {
    color: #fff;
	background-color: #6E9A8C;
}

.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: #fff;
    background-color: #2A5648;
}

.navbar-custom .dropdown-menu::-webkit-scrollbar {
  width: 12px; /* width of the entire scrollbar */
}

.navbar-custom .dropdown-menu::-webkit-scrollbar-track {
  background: #626200;        /* color of the tracking area */
}

.navbar-custom .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #828200;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 1px solid #A2A200;  /* creates padding around scroll thumb */
}

.navbar-submenu table {
	background-color: #006666;
}

.navbar-custom { display:none; }
.navbar { 
	display:block;
}
.navbar-nav {
	display:inline;
}
li.nav-item {
	width:auto !important;
	display:block !important;
	float:left !important;
}
.navbar-expand-md .navbar-nav .nav-link {
	padding-right:.5rem;
	padding-left:.5rem;
}

menu2 li.nav-item {
	max-width:150px !important;
}
/* Modify brand and text color */  
@media all and (min-width: 760px) {
/*
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
*/
}
/* ============ desktop view .end// ============ */