.imger-wr{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}

/* Change noUISlider default css */

.imger-wr .noUi-horizontal{
	height: 8px;
	border: 1px solid #515050;
}

.imger-wr .noUi-horizontal .noUi-handle{
	width: 28px;
	top: -10px;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 1px rgb(123, 123, 123) inset, 0px 1px 7px rgb(180, 180, 180) inset, 0px 3px 6px -3px rgb(0, 0, 0);
}

.imger-wr .noUi-horizontal .noUi-handle:before{
	background: none;
}
.imger-wr .noUi-horizontal .noUi-handle:after{
	background: none;
}

.imger-wr .noUi-background{
	background: none;
	box-shadow: none;
}

.imger-wr .noUi-target{
	border: 1px solid #515050;
}

.imger-wr .noUi-connect{
	background: none repeat scroll 0% 0% #454545;
}

/* END Change noUISlider default css */

.imger-window {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	background-color: white;
	border-radius: 5px;
}

.imger-display{
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 85px;
	background-color: #252525;
	text-align: center;
	overflow: auto;
}

.imger-infobar{
	position: absolute;
	height: 40px;
	left: 5px;
	right: 5px;
	bottom: 45px;
	background-color: #333;
	text-align: center;
}

.imger-toolbar-wr{
	position: absolute;
	height: 40px;
	left: 5px;
	right: 5px;
	bottom: 5px;
}

.imger-toolbar-tbl{
	position: relative;
	width: 100%;
}

.imger-toolbar-auto-cell{
	width:1%;
	white-space:nowrap;
}

.imger-toolbar-auto-cell button{
	margin-left: 5px;
}

.imger-toolbar-row{
	vertical-align: middle;
}

.imger-logo{
	position: relative;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-family: Arial;
	font-weight: bold;
	margin-left: 10px;
}

.imger-logo:after{
	content: 'Imger';
}

.imger-scaler-wr{
	position: relative;
	width: 300px;
	display: inline-block;
	padding-top: 14px;
}

.imger-user-info{
	padding-top: 20px;
	padding-bottom: 20px;
	color: #929292;
	text-align: center;
}

.imger-canvas{
	position: relative;
	width: 300px;
	height: 200px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.imger-image-info{
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 40px;
	color: #CCC;
	padding-left: 10px;
}

.imger-img-url-wr{
	display: inline-block;
	width: 300px;
	vertical-align: middle;
}

.imger-form{
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 55px;
	padding: 0px;
	min-width: 300px;
	display: none;
	background-color: rgba(255, 255, 255, 0.8);
	overflow: auto;
}

.imger-form-wr{
	padding-left: 10px;
	padding-right: 10px;
}

.imger-form-wr .input-group{
	width: 100%;
}

.imger-form-btn-wr{
	padding: 10px;
}

.imger-form-note{
	padding: 10px;
}

.canvas-wr{
	font-size: 0px;
	position: relative;
	display: inline-block;
}

/* THE BELOW SHOUD PROBABLY BE SEPARATED */

.input-box{
	border: 1px solid #A8A8A8;
	margin-bottom: 5px;
	padding: 5px;
}

.imger-form-wr textarea{
	position: relative;
	width: 100%;
	min-height: 100px;
	margin-bottom: 5px;
}

.imger-form-wr select{
	position: relative;
	width: 100%;
	margin-bottom: 5px;
}

.imger-form-wr .input-group{
	margin-bottom: 5px;
}

.alpha-bg{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAAEgCAIAAACb4TnXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDFEODcxM0NDNUJEMTFFNEEwNEZENTYzOEM3QUJDRUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDFEODcxM0RDNUJEMTFFNEEwNEZENTYzOEM3QUJDRUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQjAxQTk3RkM1OEExMUU0QTA0RkQ1NjM4QzdBQkNFRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQjAxQTk4MEM1OEExMUU0QTA0RkQ1NjM4QzdBQkNFRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgGE5soAAAM/SURBVHja7NuxCcNAAARBy7gj9V+CapIbEMbJcslMKC5d/kH8cd/368l1XY/fz/O0t7f/c/9+ARmBgcBAYIDAQGAgMOC3j/8V9vbd3gkGroggMEBgIDAQGCAwmDm8B7O37/ZOMHBFBIEBAgOBgcAAgcGM92D29uHeCQauiCAwQGAgMBAYIDCY8R7M3j7cO8HAFREEBggMBAYCAwQGM96D2duHeycYuCKCwACBgcBAYIDAYMZ7MHv7cO8EA1dEEBggMBAYCAwQGMx4D2ZvH+6dYOCKCAIDBAYCA4EBAoMZ78Hs7cO9EwxcEUFggMBAYCAwQGAw4z2YvX24d4KBKyIIDBAYCAwEBggMZrwHs7cP904wcEUEgQECA4GBwACBwYz3YPb24d4JBq6IIDBAYCAwEBggMJjxHszePtw7wcAVEQQGCAwEBgIDBAYz3oPZ24d7Jxi4IoLAAIGBwEBggMBgxnswe/tw7wQDV0QQGCAwEBgIDBAYzHgPZm8f7p1g4IoIAgMEBgIDgQECgxnvweztw70TDFwRQWCAwEBgIDBAYDDjPZi9fbh3goErIggMEBgIDAQGCAxmvAeztw/3TjBwRQSBAQIDgYHAAIHBjPdg9vbh3gkGroggMEBgIDAQGCAwmPEezN4+3DvBwBURBAYIDAQGAgMEBjPeg9nbh3snGLgigsAAgYHAQGCAwGDGezB7+3DvBANXRBAYIDAQGAgMEBjMeA9mbx/unWDgiggCAwQGAgOBAQKDGe/B7O3DvRMMXBFBYIDAQGAgMEBgMOM9mL19uHeCgSsiCAwQGAgMBAYIDGa8B7O3D/dOMHBFBIEBAgOBgcAAgcGM92D29uHeCQauiCAwQGAgMBAYIDCY8R7M3j7cO8HAFREEBggMBAYCAwQGM96D2duHeycYuCKCwACBgcBAYIDAYMZ7MHv7cO8EA1dEEBggMBAYCAwQGMx4D2ZvH+6dYOCKCAIDBAYCA4EBAoMZ78Hs7cO9EwxcEUFggMBAYCAwQGAw4z2YvX24d4KBKyIIDBAYCAwEBggMZrwHs7cP904wcEUEgQECA4GBwACBwYz3YPb24d4JBq6IIDBAYCAwEBggMJj5CjAAYXfFxNqgOXUAAAAASUVORK5CYII=');
}
