#was-this-helpful{
    /* box-shadow: 0 2px 3px 0 rgb(0 0 0 / 20%); */
    display: none;
    margin: 20px 0px 20px 0px;
    padding: 20px;
    background-color: #fff;
    /* z-index: 10; */
    /* right: 23%; */
    /* bottom: 45px; */
    border-radius: 3px;
    background: rgb(250, 255, 255);
    position: relative!important;
    /* z-index: 100; */
    border: 1px solid #ccc;
}
#was-this-helpful *{
	-webkit-transition: background-color 200ms, box-shadow 200ms;
  transition: background-color 200ms, box-shadow 200ms;
}
#wthf-title,#wthf-yes-no{
	display: inline-block;
	vertical-align: middle;
}
#wthf-title {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
}
#wthf-yes-no{
    padding: 0;
    margin: 0;
}
#wthf-yes-no span{
	margin-left:20px;
	padding: 10px 30px;
	border-radius:0.2em;
    border: 1px solid #2A67B2;
	/*background-color:rgba(255,255,255,0.9);*/
	color: #2A67B2;
	cursor: pointer;
	font-size:1em;
	-webkit-box-shadow: 0 0 6px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 6px 0px rgba(0,0,0,0.1);
	box-shadow: 0 0 6px 0px rgba(0,0,0,0.1);
}
#wthf-yes-no span:hover{
	background-color:#FFFFFF;
	-webkit-box-shadow: 0 0 6px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 6px 0px rgba(0,0,0,0.3);
	box-shadow: 0 0 6px 0px rgba(0,0,0,0.3);
}
.wthf-helpful-submit:hover,.wthf-helpful-cancel:hover{
	background-color:#FFFFFF !important;
	-webkit-box-shadow: 0 0 6px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 6px 0px rgba(0,0,0,0.3);
	box-shadow: 0 0 6px 0px rgba(0,0,0,0.3);
}
#wthf-yes-no span:active{
	background-color:#FFFFFF;
	-webkit-box-shadow: 0 0 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 6px 0px rgba(0,0,0,0.5);
	box-shadow: 0 0 6px 0px rgba(0,0,0,0.5);
}

#wthf-yes-no span:first-child{
	margin-right:0.4em;
}

#wthf-yes-no span:last-child{
	margin-left:0.4em;
}

#was-this-helpful.wthf-disabled{
	pointer-events:none;
	position:relative;
}
#was-this-helpful.wthf-disabled *{
	opacity:0;
}
/* #was-this-helpful.wthf-disabled:after{
	content:attr(data-thank-text);
	display:block;
	position:absolute;
}*/
@media (max-width:768px) {
	#was-this-helpful{
		flex-direction: column;
		gap: 10px;
		padding: 10px 15px;
    }   
    #wthf-title{
    	font-size: 14px;
    }
}
#wthf-form #email{
	padding:0;
	min-height: 30px;
	height: 30px;
	border-radius: 0.2em;
}
#wthf-form #message{
	padding:0;
	border-radius: 0.2em;
	resize: none;
}
.wthf-helpful-submit,.wthf-helpful-cancel{
	background-color:#fff !important;
	border-radius:0.2em;
    border: 1px solid #2A67B2;
	color: #2A67B2;
    padding: 2px 30px;
}
.wthf-helpful-submit{
	margin-right: 0.4em;
}
.wthf-helpful-cancel{
	margin-left: 0.4em;
}
.wthf-button-content{
	text-align: center;
}
#wthf-form req{
	color: red;
	font-weight: 1000;
	margin-left: 4px;
	margin-right: 4px;
}
#wthf_sidebar_button {
    background-color: #2a67b2;
    cursor: pointer;
    position: relative;
    bottom: 0px;
    right: 23%;
    width: 90px;
    height: 35px;
    margin: 0px 0px 0px 0px;
    z-index: 999999;
    padding: 10px;
    color: #ffffff;
        display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    /*-webkit-box-shadow: 0 6px 10px 0;*/
    -moz-box-shadow: 0 6px 10px 0;
    -ms-box-shadow: 0 6px 10px 0;
    -o-box-shadow: 0 6px 10px 0;
    box-shadow: 0 6px 10px 0;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    /*animation: slide-in-from-bottom 0.2s ease-out backwards;*/
    /*background-color: #0E4498;*/
    box-sizing: border-box;
    margin: 10px;
    transition: transform 0.2s ease-out;
    overflow: visible;
        background: rgb(37, 103, 179);
    color: rgba(37, 103, 179, 0.4);
}
#wthf_sidebar_button span{
	color:#fff !important;
}
#wthf_sidebar_button img{
	padding-right: 2px;
}
#wthf_sidebar_button_text{
	color:#fff !important;	
}
.afc_popup .img {
    position: absolute;
    top: -15px;
    right: -15px;
}
#was-this-helpful .wthf_response{
	/*margin-top: 10px;*/
	/*margin-bottom: 10px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	width: 150px;
	text-align: center;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	text-align: center;
}
#wthf-form .group{
	margin-top: 10px;
}
.wthf-danger{
	border-color: rgb(239, 81, 110) !important;
}