.helpWidget.hwicon {
	position:fixed;
	right:20px;
	bottom:80px;
	width:60px;
	opacity:0.8;
	cursor:pointer;
	fill:#00b9eb;
}
.helpWidget.hwicon.active {
	opacity:1;
}
.helpWidget.hwicon:hover {
	opacity:1;
}
.helpWidget.hwicon svg {
	position:absolute;
}

.helpWidget.hwpopup {
	width: 330px;
	height: 398px;
	box-shadow: rgba(0,0,0,0.3) 0 10px 60px, rgba(0,0,0,0.1) 0 0 20px;
	-webkit-font-smoothing: antialiased;
	position: fixed;
	right: 30px;
	bottom: 100px;
	opacity: 0;
	font-family: Verdana;
	padding: 0px 20px 0px 20px;
	font-size: 24px;
	border-radius: 5px;
	overflow:hidden;
	display: none;
}

.helpWidget .hwtitle {
	padding: 20px 0px 20px 0px;
}

.helpWidget .hwemail {
	font-size: 14px;
	font-family: Verdana;
	padding: 5px 10px 5px 10px;
	margin: 10px 0px 10px 0px;
	border: 1px solid rgb(238, 238, 238);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}

.helpWidget .hwquestion {
	padding: 5px 10px 5px 10px;
	font-family: Verdana;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	height: 200px;
	border: 1px solid rgb(238, 238, 238);
	resize: none;
}

.helpWidget .hwsend {
	background: #00b9eb;
	border: 0px;
	padding: 10px 20px 10px 20px;
	font-family: Verdana;
	font-size: 14px;
	color: #ffffff;
	float: right;
	margin: 8px 0px 0px 0px;
	cursor:pointer;
	height: 37px;
	min-width: 119px;
}

.helpWidget.hwpopup.active {
	opacity:1;
	background-color: white;
	display:block;
}

.helpWidget .hwform, .helpWidget .hwanswer, .helpWidget .hwthanks {
	position: absolute;
	font-family: Verdana;
	left: 25px;
	right: 25px;
	top: 70px;
	bottom: 30px;
}
.helpWidget .hwform button, .helpWidget .hwform button span {
	font-family: Verdana;
}

.helpWidget .hwanswer {
	left:100%; right:-100%;
}
.helpWidget .hwthanks {
	top: 60%;
	transform: translate(-50%,-50%);
	left: 50%;
	width: 100%;
	display:none;
}
.helpWidget .hwthanks p {
	font-size:14px;
	text-align: center;
}
.helpWidget .hwanswer p {
	font-size:14px;
	font-weight:100;
	overflow-y:scroll;
	max-height:230px;
}

.helpWidget .hwanswer p ul
{
	font-size: 12px;
	list-style-position: inside;
	list-style-type: disc;
}

.helpWidget .hwanswer p a
{
	text-decoration: underline !important;
}

.helpWidget .hwanswer .hwbuttons {
	position:absolute;
	bottom:0px;
}
.helpWidget .hwanswer button {
	margin-left:4px;
	font-family: Verdana;
}

.helpWidget .hwanswer button span {
	font-family: Verdana;
}

.helpWidget #x {
	opacity:0;
}
.helpWidget #icon.active {
	animation: disappear 0.25s ease 1;
	opacity:0;
}
.helpWidget #icon.deactive {
	animation: appear 0.5s ease 1;
	opacity:1;
}
.helpWidget #x.active {
	animation: appear-with-rotation 0.5s ease 1;
	opacity:1;
}
.helpWidget #x.deactive {
	animation: disappear 0.25s ease 1;
	opacity:0;
}
.helpWidget .hwpopup.active {
	animation: popup-appear 0.5s ease 1;
	opacity:1;
	display: block;
}
.helpWidget .hwpopup.deactive {
	animation: popup-disappear 0.15s ease 1;
	opacity:0;
	display:none;
}

.helpWidget .hwform.hidden {
	animation: form-disappear 0.15s ease 1;
	left:-100%;
	right:100%;
	opacity:0;
}
.helpWidget .hwform.visible {
	animation: form-appear 0.15s ease 1;
	left:25px;
	right:25px;
	opacity:1;
}
.helpWidget .hwanswer.hidden {
	animation: answer-disappear 0.15s ease 1;
	left:100%;
	right:-100%;
	opacity:0;
}
.helpWidget .hwanswer.hidden-right {
	animation: form-disappear 0.15s ease 1;
	left:-100%;
	right:100%;
	opacity:0;
}
.helpWidget .hwanswer.visible {
	animation: answer-appear 0.15s ease 1;
	left:25px;
	right:25px;
	opacity:1;
}
.helpWidget .error {
	border:1px solid #f9c1c1;
}

/* form design */
div.ais_help_form
{
	width: 100%;
	box-sizing: border-box;
}

div.ais_help_form *
{
	font-family: Roboto;
	font-weight: lighter;
	font-size:14px;
}

div.ais_help_form div.ais_row
{
	width:100%;
	clear:both;
	box-sizing: border-box;
}

div.ais_help_form .ais_left_filler
{
	display: table-cell;
	width: 100%;
	vertical-align: top;
	box-sizing: border-box;
}

div.ais_help_form .ais_input
{
	padding:5px;
	border:solid 1px #dddddd;
	border-radius: 3px;
	background-color: white;
	width:100%;
	box-sizing: border-box;
	line-height:30px;
}

div.ais_help_form .ais_button
{
	line-height:30px;
	cursor: pointer;
	background-color:white;
	padding:5px;
	border-radius:3px;
	border:solid 1px #dddddd;
	width: 100%;
	float: right;
	white-space:nowrap;
}

div.ais_help_form .ais_button i.fa
{
	font-family:FontAwesome;
}

div.ais_help_form .ais_input.error
{
	border:solid 1px #f9c1c1;
}

div.ais_help_form .ais_right_filler
{
	display: table-cell;
	min-width: 60px;
	text-align:center;
	padding-left:5px;
}

div.ais_help_form .ais_button:hover
{
	background-color: rgba(0, 183, 255, 0.16);
}

div.ais_help_form #ais_answer
{
	border:solid 1px #dddddd;
	margin-top:10px;
	border-radius: 3px;
	min-height: 200px;
	padding:4px;
}

div.ais_help_form #ais_answer.one_liner
{
	min-height: 40px;
	border:0;
}

div.ais_help_form #ais_answer a
{
	font-weight:normal;
	text-decoration:underline !important;
}

/* end - form design */






@keyframes button-wait {
}
@keyframes button-done {
}

@keyframes form-disappear {
	0% { left:25px; right:25px; opacity:1;}
	100% { left:-100%; right:100%; opacity:0;}
}
@keyframes form-appear {
	0% { left:-100%; right:100%; opacity:0;}
	100% { left:25px; right:25px; opacity:1;}
}
@keyframes answer-appear {
	0% { left:100%; right:-100%; opacity:0;}
	100% { left:25px; right:25px; opacity:1;}
}
@keyframes answer-disappear {
	0% { left:25px; right:25px; opacity:1;}
	100% { left:100%; right:-100%; opacity:0;}
}

@keyframes disappear {
	0% { opacity: 1; transform:scale(1.0); }
	10% { opacity: 1; transform: scale(0.7); padding-top: 4px; }
	25% { opacity: 0; transform:scale(0); }
	100% { opacity: 0; transform:scale(0); }
}
@keyframes appear {
	0% { opacity: 0; }
	10% { opacity: 0;  }
	85% { opacity: 1; }
	100% { opacity: 1; }
}
@keyframes appear-with-rotation {
	0% { opacity: 0;}
	10% { opacity: 0; transform:rotate(-60deg);  }
	85% { opacity: 1; }
	100% { opacity: 1; transform:rotate(0deg);}
}
@keyframes popup-appear {
	0% { opacity: 0; transform:scale(0.5);  bottom:-100px; }
	80% { opacity: 0.8; transform:scale(1.0);  bottom:100px; }
	100% { opacity: 1; transform:scale(1.0);  bottom:100px;	display: block;}
}
@keyframes popup-disappear {
	0% { opacity: 1; }
	20% { opacity: 0.8; }
	100% { opacity: 0; display:none; }
}

::-webkit-input-placeholder {
	color: #cacaca;
	font-style: italic;
}
::-moz-placeholder {
	color: #cacaca;
	font-style: italic;
}
:-ms-input-placeholder {
	color: #cacaca;
	font-style: italic;
}
:-moz-placeholder {
	color: #cacaca;
	font-style: italic;
}

textarea:focus, input:focus, button:focus {outline:0;}

@media screen and (max-width: 750px) {
	.helpWidget.hwpopup {
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		width: auto;
		height: auto;
		box-shadow: none;
	}

	@keyframes popup-appear {
		0% {
			opacity: 0;
			transform: scale(0.5);
		}
		80% {
			opacity: 0.8;
			transform: scale(1.0);
		}
		100% {
			opacity: 1;
			transform: scale(1.0);
		}
	}
	.helpWidget .hwsend {
		display: block;
		float: none;
	}

	.helpWidget .hwquestion {
		height: 150px;
	}

	.helpWidget .hwanswer p {
		overflow-y: scroll;
		max-height:calc(100% - 100px);
	}
}