.queue {

	position: relative;
	top: -1px;
	border: 1px solid #cacaca;
	background: #fff;
	@include box-shadow(rgba(#000, 0.15) 0 1px 4px);

	> p {
		text-align: center;
		padding: 10px 50px;
		border-bottom: 1px solid #cacaca;
		color: #555;
	}

	ul {
		max-height: 269px;
		overflow: auto;
		overflow-y: auto;
		overflow-x: hidden;
	}

	li {
		width: 425px;
		list-style: none;
		border-bottom: 1px solid #cacaca;
		padding: 5px 5px 7px;
		cursor: pointer;
		color: #222;
		background: #ffffff;

		&:last-child {
			border-bottom: 0;
		}

		&:hover {
			color: #000;
			background: #f6f6f6;
		}

		&.running {
			background: #e9e9e9;
			color: #888;
			&:hover {
				background: #e3e3e3;
				color: #666;
			}
		}

		strong {
			display: block;
		}
	}

	.icon-ok-wrapper {
		float: left;
		font-size: 15px;
		padding: 9px 9px 0 6px;
		color: $primary-color;
		@include text-shadow(rgba(#000, 0.15) 0 1px 4px);
	}

	.icon-spinner-wrapper {
		float: left;
		font-size: 15px;
		padding: 9px 9px 0 6px;
		color: #999;
	}

	.command {
		position: relative;
		float: right;
		background-color: rgba(#f6f6f6, 0.85);
		border: 1px solid transparent;
		@include border-radius(3px);
		color: $primary-color;
		visibility: hidden;
		padding: 1px 13px 0 13px;
		@extend %smart-underline;

	}

	li:hover .command {
		visibility: visible;
	}

}
