@charset "utf-8";
/* CSS Document */

#topMen {
 
	min-width:800px;
 
}

#topMen li a {
 
	border-radius:0px;
	background-color:black;
	color:white;
	margin-bottom:0px;
	/*white-space: nowrap;*/
	max-height: 45px;
	height:45px;
	padding:15px 5px 15px 5px;
	cursor:pointer;
 
}

#topMen li a:hover {

 	color:yellow;
	text-decoration:underline;
 
}

@media (max-width: 768px) {
	
  #topMen > li {
	  
	  display: table-cell;
	  
	}
	
}

#topNavBar {
	
	margin:0px;
    background: #40bf80; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#40bf80, #26734d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#40bf80, #26734d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#40bf80, #26734d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#40bf80, #26734d); /* Standard syntax */	
	border:none;
	border-radius:0px;
	
}

#topNavBar > button {
	
	margin-left:2px;
	margin-right:2px;
	
}

#topNavBar > button:hover {

	color:yellow;
	
}

#payments_menu {
	
	padding:0px;
	border-radius: 5px;
	overflow:hidden;
	min-width:200px;
	
}

#payments_menu li a {

	padding-left: 10px;
	background-color:#633000;

}

#payments_menu li a:hover {
	
	text-decoration:none;
	background-color: #7c440f;

}

#reports_menu {
	
	padding:0px;
	border-radius: 5px;
	overflow:hidden;
	min-width:200px;
	
}

#reports_menu li a {

	padding-left: 10px;
	background-color:darkgreen;

}

#reports_menu li a:hover {
	
	text-decoration:none;
	background-color: #397D02;

}


#brands_menu {
	
	padding:0px;
	border-radius: 5px;
	overflow:hidden;
	min-width:200px;
	
}

#brands_menu li a {

	padding-left: 10px;
	background-color:#0000cc;

}

#brands_menu li a:hover {
	
	text-decoration:none;
	background-color: #3535d7;

}

#admin_menu {
	
	padding:0px;
	border-radius: 5px;
	overflow:hidden;
	min-width:200px;
	
}

#admin_menu li a {

	padding-left: 10px;
	background-color:black;

}

#admin_menu li a:hover {
	
	text-decoration:none;
	background-color: #202020;

}

#intranetMenu {

	display: flex;
	height: 40px;

}

#intranetMenu > a {

	display:flex; 
	align-items:center; 
	justify-content: center; 
	width: 100%; 
	color: white;
	cursor: pointer;

}

#intranetMenu > a:hover {

	color: yellow;
	text-decoration: underline;

}