#navigation {
    background: #f1f3f5 none repeat scroll 0 0;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#navigation > li {
    border-right: 1px solid #ccc;
    float: left;
}
#navigation li a {
    color: #333;
    font-size: 11px;
}
#navigation > li > a > span.img {
    display: none;
	border:none;
}
#navigation li a:hover, #navigation li a:active {
    background-color: #C9FFFF;
    text-decoration: none;
}
#navigation > li:last-child {
    border-right: medium none;
}
#navigation li ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    transition: all 0s ease 0.3s;
    visibility: hidden;
}
#navigation > li > a {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    float: left;
    padding: 8px 10px 7px;
}
#navigation > li > a:hover {
    border-left: 1px solid #0ab3ac;
    border-right: 1px solid #0ab3ac;
}
#navigation li:hover > ul, #navigation li:active > ul {
    transition-delay: 0.2s;
    visibility: visible;
}
#navigation > li > ul {
    background: #ededed none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin-left: -1px;
    margin-top: 28px;
    min-width: 200px;
    position: absolute;
    z-index: 50;
}

#navigation > li.edge > ul {
    right: 0;
}
#navigation > li > ul > li a {
    background-position: right 5px center;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    float: left;
    padding: 5px 0;
    width: 100%;
}
#navigation > li > ul > li a:hover {
    border: 1px solid #0ab3ac;
}
#navigation > li > ul > li a img {
    float: left;
    margin: 0 4px;
    width: 16px;
	border:none;
}
#navigation > li > ul > li a span.img {
    float: left;
    margin: 0 4px;
    width: 16px;
	border:none;
}
#navigation > li > ul > li a span {
    float: left;
    margin: 1px 0;
}
#navigation > li > ul > li.split {
    background: #ccc none repeat scroll 0 0;
    float: left;
    height: 1px;
    margin: 2px 0;
    width: 100%;
}

#navigation > li > ul > li > ul {
    background: #ededed none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin-top: -3px;
    position: absolute;
    right: -222px;
    width: 220px;
}

#navigation > li.edge > ul > li > ul {
    left: -200px;
    right: inherit;
}
#navigation > li > ul > li > ul > li.split {
    margin: 1px 0;
}
#navigation > li > ul > li {
    clear: left;
    float: left;
    height: 26px;
    width: 100%;
}
table.menubar {
    clear: left;
}
@media (max-width: 944px) {
	#navigation > li > a {
		padding-left: 8px;
		padding-right: 8px;	
	}
}
@media (max-width: 886px) {
	#navigation > li > a {
		padding-left: 6px;
		padding-right: 6px;	
	}
}
@media (max-width: 830px) {
	#navigation > li > a {
		padding-left: 4px;
		padding-right: 4px;	
	}
}
@media (max-width: 768px) {
	#navigation {
		display:none;	
	}
	#slicknav_menu {
		display: inline-block;	
	}
	#lms_logo {
		width:160px;
	}
	#breadcrumbs {	
		width: 100%;	
	}
	#breadcrumb-tip {
		display: none;	
	}
	td.breadcrumbs {
		width: 100% !important;
		float: left;
		display: inline-block;
		height: auto;
	}
	.dashboard_left:first-of-type {
		display: none !important;
	}
	.dashboard_left:nth-child(2){
		width: 100% !important;
		float: none !important;
		display: table-footer-group;
	}
	.dashboard_right {
		width: 100% !important;
		float: none !important;
		display: table-header-group;
	}
	#login_text_wrapper {
		width: auto;	
	}
	.admin_bar_item_r {
		margin: 0;
		float: left;
		width: 100%;
	}
}