.page-head
	width: 100%
	height: 55px
	padding: 0 0 0 0
	margin: 0
	border-bottom: 4px solid darken($secondary-color,10%)
	position: fixed
	top: 36px
	left: 0px
	z-index: 499
	background-color: $secondary-color
	@include box-shadow(rgba(black,0.15) 0 7px 0)
	h2.page-title
		@extend .pull-left
		position: relative
		padding: 24px 0 0 ($widthSidebarNav+70px)
		margin: 0
		font: 300 22px/1em $font-family-sans-serif
		color: white
		@media (max-width: $screen-tablet)
			padding: 26px 0 0 70px
		a
			border-bottom: dotted 1px white
			&:hover
				color: black
				border-color: black
	a
		color: white
		text-decoration: none
	ul.page-breadcrumb
		position: absolute
		list-style: none
		margin: 0
		padding: 0
		left: ($widthSidebarNav+70px)
		top: 4px
		height: 20px
		line-height: 20px
		color: black
		background: transparent
		font-size: 12px
		color: rgba(black,0.5)
		@include border-radius(0)
		@media (max-width: $screen-tablet)
			left: 70px
		li
			text-transform: uppercase
			i
				font-size: 14px
			&:first-child i
				width: 54px
				position: absolute
				left: -60px
				top: 2px
				font-size: 42px
				font-weight: 100
				padding-right: 5px
				color: rgba(black,0.5)
				border-right: solid 1px darken($secondary-color,15%)
			&:before
				color: darken($secondary-color,15%)
			a
				color: rgba(white,0.6)
				&:hover
					color: white
	.btn-toolbar
		margin: 0
		padding: 0
		> ul.nav
			position: relative
			top: 3px

.toolbar_btn
	height: 46px
	position: relative
	padding: 2px 5px !important
	margin-right: 3px
	font-size: 12px
	color: white
	text-align: center
	text-shadow: none
	text-align: center
	white-space: nowrap
	overflow: hidden
	text-overflow: ellipsis
	@media (max-width: $screen-desktop)
		width: 46px
		border: solid 1px darken($secondary-color,15%)
		font-size: 11px
	&:hover
		color: $secondary-color
		border-color: white
		background-color: white!important
		
.page-header-toolbar-back
	border: none!important
	display: inline-block
