feedback-loop

<style>
#feedback {
        display:none;
        bottom:1;
        position:fixed;
        right:0;
	height: auto;
	width: auto;
}

#feedback-form {
       clear:both;
	width: 300px;
	height: auto;
	z-index: 10000;
	padding-left: 15px;
	padding-right: 10px;
	background-clip: 'padding-box';
	border: 1px solid rgba(0,0,0,.2);
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
        background-color:#ffffff;
        min-height:170px;
}

.feedback-tab {
	/*background-color: rgba(0,0,0,0.5);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/

	background-clip: 'padding-box';
	border: 1px solid rgba(0,0,0,.2);
	//color: #fff;
        float:right;
	//font-size: 20px;
	cursor: pointer;
	text-align: center;
	width: auto; 
	//height: auto; 
	//padding: 5px;
        margin-right:5px;
border-bottom:none;
}

#feedback-tab:hover {
	background-color: rgba(0,0,0,0.4);
}

#feedback-form textarea {
	resize: none;
}
</style>

<div id="feedback">
<div id="tabbar">
<div id="feedback-tab1" class="feedback-tab"><i class="icon-remove"></i></div>
<div id="feedback-tab2" class="feedback-tab"><i class="icon-chevron-down"></i></div></div>
	<div id="feedback-form" class="col-xs-4 col-md-4 panel panel-default">
[gravityform id="38" title="false" description="false" ajax="true"]
	</div>
	
</div>
<script>
jQuery(function($) {
//if (!sessionStorage.alreadyClicked) {
        $("#feedback").delay(1800).fadeIn(1000);
	$("#feedback-tab1").click(function() {
		$(this).parent().parent().remove();
	});
	$("#feedback-tab2").click(function() {
                //check for class
                if ( $(this).find('i').hasClass( "icon-chevron-down") ) {
                       $(this).find('i').removeClass("icon-chevron-down").addClass("icon-chevron-up");
                } else {
                     $(this).find('i').removeClass("icon-chevron-up").addClass("icon-chevron-down");
                }
		$("#feedback-form").slideToggle('1000');
	});
 //sessionStorage.alreadyClicked = 1;
//}
});
</script>