/**
* Css rules required by html tagger component.
*
* Added by Abhishek T on 18-Aug-17
*/
.tagger-highlighter {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	display: none;
}

.tagger-element {
	position: relative;
	z-index: 200010;
	box-shadow: 0px 0px 15px 0px rgba(17, 16, 16, 0.75);
	border-radius: 2px;
	background-color: rgb(255, 255, 255);
}

.tagger-controls {
	position: fixed;
	background-color: rgba(0, 0, 0, 0);
	opacity: 0;
	right: -2px;
	bottom: 40px;
	border-radius: 3px;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
	z-index: 300002;
	cursor: pointer;
	margin-right: 5px;
}

.tagger-wrapper {
	position: relative;
}

.tagger-make-taggable {
	background-color: #FFF;
	color: #FFA500;
	padding: 2px;
	margin: 2px;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0px 0px 3px 0px rgba(17, 16, 16, 0.5);
	-webkit-transition: box-shadow 200ms, background-color 300ms;
	transition: box-shadow 200ms;
	 background-color: 300ms;
	
	width: 26px;
	height: 26px;
}

.start-tagging {
	background-image: url("../../images/startTagging.png");
	background-position: 0px 0px;
	background-repeat: no-repeat no-repeat;
}

.stop-tagging {
	background-image: url("../../images/stopTagging.png");
	background-position: 0px 0px;
	background-repeat: no-repeat no-repeat;
}

.roundControl {
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	height: 44px;
	width: 44px;
	text-align: -webkit-center;
	cursor: pointer;
	box-shadow: 0px 2px 3px 0px rgba(12, 11, 11, 0.5);
}