@CHARSET "UTF-8";

.help-icon {
	text-align: center;
	background-color: #1E2021;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 26px;
	cursor: default;
	display: block;
	position: absolute;
	right: 0px;
}

.help-icon:hover {
	cursor: pointer;
}

.help-icon:before{
	content: '?';
	font-weight: bold;
	color: #fff;
}

.help-icon > .help-data {
	visibility: hidden;
	display: block;
	position: absolute;
	top: inherit;
	right: 5px;
	text-align: left;
	font-size: 13px;
	line-height: 1.4;
	background-color: #1E2021;
	padding: 15px;
	border-radius: 15px 0px 15px 15px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	overflow-y: auto;
}

.help-icon > .help-small {
	width: 150px;
	max-width: 150px;
	max-height: 150px;
}

.help-icon > .help-medium {
	width: 300px;
	max-width: 300px;
	max-height: 300px;
}

.help-icon > .help-large {
	width: 600px;
	max-width: 600px;
	max-height: 600px;
}

.help-icon > .help-dialpad {
	width: 330px;
	max-width: 330px;
	height: 390px;
	max-height: 390px;
}

.help-icon > .help-data:hover{
	cursor: auto;
}