/**
* @package 		wasthishelpful - Was this helpfull plugin
* @version		1.0.0
* @created		Oct 2020
* @author		pluginjar.com
* @email		support@pluginjar.com
* @website		https://www.pluginjar.com
* @support		https://www.pluginjar.com/support.html
* @copyright	Copyright (C) 2020 - 2021 https://www.pluginjar.com. All rights reserved.
* @license		GNU General Public License version 2 and above
*/
	/* main container */
	div#wasthishelpful {
		font-family: verdana;
		width: 98%;
		height: auto;
		padding: 3% 1%;
		margin: 1% 0 auto;
	}
	/*  Was this helpfull starts */
	div.wasthishelpful {
		position: relative;
		overflow: auto;		
		width: 90%;
		height: auto;
		margin: 0 auto;		
		padding: 20px;
		background: #EFEFEF;
		text-align: left!important;
		font-family: inherit;
		font-size: 1em;
		font-weight: 300;		
	}
	/* title */
	.wasthishelpful span.qtitle {
		font-size: 1em;
		margin: 10px 10px 10px 0;
	}	
	/* buttons */
	.wasthishelpful ul {
		margin: 0px;
		padding-left: 0px;
	}
	.wasthishelpful ul li {
		display: inline;
		list-style: none;
		margin: 5px 0px !important;
	}		
	.wasthishelpful ul li a.q-green-btn:before, .wasthishelpful ul li a.q-red-btn:before {
		padding-right: 5px;
		margin-left: 0px;
	}	
	.wasthishelpful ul li a.q-green-btn, .wasthishelpful ul li a.q-red-btn {
		margin: 0px 5px;
	}
	.wasthishelpful ul li a.q-green-btn {
		padding: 10px 25px !important;
		box-shadow: none;		
		background: #49b035;
		border: 1px solid #49b035;
		color: #fff;
	}
	.wasthishelpful ul li a.q-red-btn {
		padding: 10px 25px !important;
		box-shadow: none;		
		background: #f43f63;
		border: 1px solid #f43f63;
		color: #fff;
	}	
	/* make non visible on click others */
	.wasthishelpful .nonvisi {
		pointer-events: none;
		cursor: not-allowed;
		opacity: 0.3;
	}	
	/* form container */
	div.wthp_formcontainer{
		display:none;
		margin-top: 15px;
		padding-top: 5px;
		border-top: 4px solid #ece6e6;
	}		
	/* title before textarea */
	.wasthishelpful .textarea_title {
	font-size: 1em;
	margin: 10px 10px 10px 0;
	}
	/* message textarea */
	.wthp_form > textarea.wthp_message, .wthp_form > input#wthp_email {
		margin-top: 0px !important;
		padding:10px;
		clear: both;
		display: block;
		border: 1px solid #DBD8D8;
		min-height: 100px;
		width: 99%;
		margin-bottom: 5px;
		color: #999999;
		font-weight: 300;
		font-size: inherit;
		font-family: inherit;
	}
	.wthp_form > input#wthp_email {
		min-height: 30px!important;
		margin-bottom: 12px!important;
	}
	/* buttona and submit button */
	.wasthishelpful ul li a, .wthp_form > .wthp_submit, .wthp_form > .wthp_reset {
		display: inline-block;
		border-radius: 3px;
		border: 1px solid #d2d2d2;
		text-align: center;
		padding: 4px 12px;
		text-decoration: none;
		color: #444;
		background: #f1f1f1;
		text-transform: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		line-height: 1;
		box-shadow: none;
	}	
	/* submit button */
	.wthp_form > .wthp_submit {
		background: orange !important;
		color: white !important;
		padding: 10px 20px !important;
		font-weight: 300;
		font-size: inherit;
		font-family: inherit;		
		cursor:pointer;
	}
	/* submit button */
	.wthp_form > .wthp_reset {
		background: red !important;
		color: white !important;
		padding: 10px 20px !important;
		font-weight: 300;
		font-size: inherit;
		font-family: inherit;		
		cursor:pointer;
	}	
	/* mobile css - edit when it is necessary*/
	div.wasthishelpful.mobilewhf{
		width:100%!important;
		right: 0!important;
		bottom:45%!important;
	}	
	/* icons */
	@font-face {
		font-family: 'icomoon';
	  src:  url('fonts/icomoon.eot?7d1k85');
	  src:  url('fonts/icomoon.eot?7d1k85#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?7d1k85') format('truetype'),
		url('fonts/icomoon.woff?7d1k85') format('woff'),
		url('fonts/icomoon.svg?7d1k85#icomoon') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}	
	.wasthishelpful [class^="iconwthp-"]:before, .wasthishelpful [class*=" iconwthp-"]:before {
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	/* you can use that icons */
	.wasthishelpful .iconwthp-happy:before {
	  content: "\e05b";
	}
	.wasthishelpful .iconwthp-sad3:before {
	  content: "\e05c";
	}
	
	.wasthishelpful .iconwthp-smiley:before {
	  content: "\e900";
	}
	.wasthishelpful .iconwthp-sad4:before {
	  content: "\e901";
	}
	
	.wasthishelpful .iconwthp-mute:before {
	  content: "\e902";
	}
	.wasthishelpful .iconwthp-diamond2:before {
	  content: "\e903";
	}
	
	.wasthishelpful .iconwthp-checked:before {
	  content: "\e904";
	}
	.wasthishelpful .iconwthp-error:before {
	  content: "\e905";
	}
	
	.wasthishelpful .iconwthp-thumbsup:before {
	  content: "\e906";
	}
	.wasthishelpful .iconwthp-thumbsdown:before {
	  content: "\e907";
	}
	
	.wasthishelpful .iconwthp-heart:before {
	  content: "\e9da";
	}
	.wasthishelpful .iconwthp-heart-broken:before {
	  content: "\e9db";
	}
	
	.wasthishelpful .iconwthp-smile:before {
	  content: "\e9e1";
	}
	.wasthishelpful .iconwthp-sad:before {
	  content: "\e9e5";
	}
	
	.wasthishelpful .iconwthp-smile2:before {
	  content: "\e9e2";
	}	
	.wasthishelpful .iconwthp-sad2:before {
	  content: "\e9e6";
	}
	
	.wasthishelpful .iconwthp-baffled:before {
	  content: "\e9f3";
	}
	.wasthishelpful .iconwthp-neutral:before {
	  content: "\e9f7";
	}	
	.wasthishelpful .iconwthp-diamond3:before {
	  content: "\e908";
	}

	.wasthishelpful .iconwthp-thumb_down:before {
	  content: "\e8db";
	}	
	.wasthishelpful .iconwthp-thumb_up:before {
	  content: "\e8dc";
	}

	.wasthishelpful .iconwthp-times2:before {
	  content: "\e909";
	}	
	.wasthishelpful .iconwthp-times-outline:before {
	  content: "\e90b";
	}
	.wasthishelpful .iconwthp-tick:before {
	  content: "\e90a";
	}	
	.wasthishelpful .iconwthp-tick-outline:before {
	  content: "\e90c";
	}
	
	.wasthishelpful .iconwthp-thumbs-up2:before {
	  content: "\e90d";
	}	
	.wasthishelpful .iconwthp-thumbs-down2:before {
	  content: "\e90e";
	}
	
	.wasthishelpful .iconwthp-thumbs-down3:before {
	  content: "\e90f";
	}	
	.wasthishelpful .iconwthp-thumbs-up3:before {
	  content: "\e910";
	}
	
	.wasthishelpful .iconwthp-check:before {
	  content: "\f00c";
	}	
	.wasthishelpful .iconwthp-close:before {
	  content: "\f00d";
	}
	.wasthishelpful .iconwthp-remove:before {
	  content: "\f00d";
	}	
	.wasthishelpful .iconwthp-times:before {
	  content: "\f00d";
	}
	
	.wasthishelpful .iconwthp-thumbs-o-up:before {
	  content: "\f087";
	}	
	.wasthishelpful .iconwthp-thumbs-o-down:before {
	  content: "\f088";
	}
	
	.wasthishelpful .iconwthp-arrow-circle-up:before {
	  content: "\f0aa";
	}	
	.wasthishelpful .iconwthp-arrow-circle-down:before {
	  content: "\f0ab";
	}
	
	.wasthishelpful .iconwthp-smile-o:before {
	  content: "\f118";
	}	
	.wasthishelpful .iconwthp-frown-o:before {
	  content: "\f119";
	}
	
	.wasthishelpful .iconwthp-thumbs-up:before {
	  content: "\f164";
	}	
	.wasthishelpful .iconwthp-thumbs-down:before {
	  content: "\f165";
	}
	
	.wasthishelpful .iconwthp-diamond:before {
	  content: "\f219";
	}
	
	.wasthishelpful .iconwthp-emoji-happy:before {
	  content: "\e911";
	}	
	.wasthishelpful .iconwthp-emoji-sad:before {
	  content: "\e913";
	}
	
	.wasthishelpful .iconwthp-thumbs-down4:before {
	  content: "\e914";
	}	
	.wasthishelpful .iconwthp-thumbs-up4:before {
	  content: "\e915";
	}
	
	.wasthishelpful .iconwthp-arrow-outline-down:before {
	  content: "\e916";
	}	
	.wasthishelpful .iconwthp-arrow-outline-up:before {
	  content: "\e917";
	}
	
	.wasthishelpful .iconwthp-thumbs-down5:before {
	  content: "\e918";
	}
	.wasthishelpful .iconwthp-thumbs-up5:before {
	  content: "\e919";
	}
	
	.wasthishelpful .iconwthp-heart2:before {
	  content: "\e91a";
	}
	.wasthishelpful .iconwthp-heart3:before {
	  content: "\e91b";
	}