.toolbar {
	border-top:1px #A2A2A2 solid;
	background: #f7f7f7;
	background-image: -moz-linear-gradient(top, #e4e4e4, #ffffff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#ffffff));
	background-image: -o-linear-gradient(top, #e4e4e4, #ffffff);
	background: linear-gradient(top, #e4e4e4, #ffffff);
	height: 28px;
	padding: 3px 15px;
	position: fixed;
	bottom : 0;
	width: calc(100% - 30px);
	line-height: 31px;
	opacity: 0.9;
	transition: opacity 0.5s ease-in;
	z-index: 9999;
}

.toolbar:hover {
	opacity: 1;
}

.toolbar a.close {
	position: absolute;
	top: 0px;
	right: 10px;
	background: none !important;
	height: auto !important;
	display: block !important;
	color: #020202;
	text-decoration: none;
}

.toolbar-extended {
	display: none;
	position: fixed;
	bottom: 38px;
	background: #F7F7F7;
	padding: 15px;
	z-index: 9999;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
	width: 100%;
}

.toolbar-extended span {
	font-weight: bold;
}

.toolbar-extended ul {
	list-style : none;
}

.toolbar-extended ul li {
	background: none;
}

.toolbar h1 {
	color: #A2A2A2!important;
	margin: 0;
	float: left;
}

.toolbar h1, .toolbar p {
	font-size: 12px;
	line-height: 31px;
}

.toolbar p {
	display: inline-block;
	position: absolute;
	top: 3px;
}

.toolbar p:before {
	content: ' - ';
	width: 15px;
	display: inline-block;
	margin-left: 5px;
}

.toolbar button {
	float: right;
	padding: 4px 6px;
	font-size: 11px;
	margin: 2px 0 0 3px;
}

.toolbar button.rotate {
	transform: rotate(180deg);
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}