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

/* Left Navigation
		-----------------------------------------------*/
		
		   .mainNav {
			    background: rgba(0, 0, 0, 0.72);
			    width: 100%;
			}
			/* First Level */
			.mainNav ul {
				margin: 0;
				padding: 0;
				list-style: none;
				border-bottom: 1px solid #444; overflow: visible !important;
			}
			.mainNav ul li.has-subnav {
				
			}
			.mainNav ul li.has-subnav ul { max-height: 120px; float: left;
				overflow-y: scroll !important; }

				/* Scrollbar Styling */
				.mainNav ul li.has-subnav ul::-webkit-scrollbar {
				    width: 10px;
				}
				 
				.mainNav ul li.has-subnav ul::-webkit-scrollbar-track {
				    background-color: #ebebeb;
				    -webkit-border-radius: 10px;
				    border-radius: 10px;
				}

				.mainNav ul li.has-subnav ul::-webkit-scrollbar-thumb {
				    -webkit-border-radius: 10px;
				    border-radius: 10px;
				    background: #6d6d6d; 
				}




			.mainNav ul li a {
				color: #FFFFFF;
				display: block;
				font-size: 13px;
				line-height: normal;
				padding:12px 20px;
				text-decoration:none;
				border-bottom: 1px solid #343434;
			}
			.mainNav ul li a:hover {
				background:#4d4e50;
				text-decoration: none;
			}
				/* Second Level */
				.mainNav ul ul {
					/* border-bottom: none */
				}
				.mainNav ul ul li {
					border-top: 1px solid #222;
					background: #111;
				}
				.mainNav ul ul li a {
					color: #FFFFFF;
					display: block;
					font-size: 13px;
					line-height: normal;
					padding: 0.5em 1em 0.5em 2.5em;
				}
				.mainNav ul ul li a:hover {
					background: #333;
				}
						/* Third Level */
				.mainNav ul ul ul {
					border-top:1px solid #222;
				}
				.mainNav ul ul ul li {
					border:none;
				}
				.mainNav ul ul ul li a {
					padding-left:3.5em; 
					padding-top:0.25em; 
					padding-bottom:0.25em;
				}
			/* Accordion Button */
			ul li.has-subnav .accordion-btn {
				color:#fff; 
				/*background:rgba(255,255,255, 0.15);*/ font-size:16px;
			}
			ul li.has-subnav .accordion-btn-wrap {
				 width: 100% !important;
			}
			ul li.has-subnav a.links { margin: 0px !important; width: 100% !important; }




		/*ul li.has-subnav .accordion-btn i{ 
		    line-height:30px; font-size:10px; 
		}*/
		ul li.has-subnav .accordion-btn i {
		    line-height: 30px;
		    font-size: 10px;
		    float: right;
		    margin: 3px 15px 0 0;
		}
		@media screen and (max-width: 1024px) {
			.mainNav {width: 40%;}
		}
		@media screen and (max-width: 700px) {
			.mainNav {width: 100%;}
		}