/* survey */
.survey-wrapper {
		padding: 1%;
		-webkit-transition: all .1s linear;
		-o-transition: all .1s linear;
		transition: all .1s linear;
		text-align: left;
}
.survey-wrapper button {
		font-family: Frutiger, Arial, sans-serif;
		font-size: 14px;
		color: #007dcb;
		text-align: center;
		border: 1px solid #007dcb;
		border-radius: 4px;
		background: transparent;
		width: 64px;
		height: 28px;
		outline: none;
		font-weight: bold;
		margin-right: 5px;
		-webkit-transition: all .2s linear;
		-o-transition: all .2s linear;
		transition: all .2s linear;
}
.survey-wrapper button:hover {
		background: #007dcb;
		color: #fff;
}
.feedback-msg {
		padding: 2% 0;
}
.feedback-msg h3 {
		font-family: Frutiger, Arial, sans-serif;
		font-size: 18px;
		color: #2E2E2E;
		letter-spacing: 0;
		line-height: 27px;
}
.feedback-msg h4,
.support-feedback-comments label,
textarea#comments {
		font-family: Frutiger, Arial, sans-serif;
		font-size: 16px;
		color: #2E2E2E;
		line-height: 24px;
		font-weight: normal;
}
.survey-wrapper textarea {
		width: 95%;
		font-family: OpenSans;
		font-size: 16px;
		color: #2E2E2E;
		line-height: 24px;
		border: 0;
		padding: 2% 2.5% 0 2.5% !important;
		border: 1px solid #ccc;
}
.survey-wrapper .icons-search {
		display: inline-block;
}
.survey-wrapper input[type="submit"] {
		background: #007dcb;
		border: 1px solid #007dcb;
		border-radius: 4px;
		font-family: Frutiger, Arial, sans-serif;
		font-size: 16px;
		color: #FFFFFF;
		text-align: left;
		max-width: 144px;
		height: 40px;
		text-shadow: none;
}
.negative-feedback,
.positive-feedback {
		-webkit-transition: all .2s linear;
		-o-transition: all .2s linear;
		transition: all .2s linear;
}
.survey-wrapper h3,
.support-form-fields h2 {
		font-family: Frutiger, Arial, sans-serif;
		font-size: 18px!important;
		color: #2E2E2E;
		letter-spacing: 0;
		line-height: 27px;
}
.support-form-fields,
.feedback-msg {
		width: 350px;
		margin: 0;
		text-align: left;
}
form#supportFeedbackForm {
		padding: 0;
		border: 0;
}
#feedback-btn {
		background: #007dcb;
		border: 1px solid #007dcb;
		border-radius: 4px;
		width: 144px;
		height: 40px;
		color: #fff;
		text-shadow: none;
		font-size: 16px;
}
#feedback-btn:hover {
		background: #04c;
		-webkit-box-shadow: none;
		        box-shadow: none;
		border: 1px solid #04c;
}
.support-feedback-comments label {
		margin-bottom: 10px;
}

@media (max-width: 768px) {
.survey-wrapper {
		text-align: left;
		overflow: auto;
		width: 200px
}
.survey-wrapper button {
		width: 65px;
		height: 30px;
		font-size: 16px;
}
.textarea#comments {
		width: 96%!important;
		padding: 6px 10px!important;
}
.support-form-fields,
.feedback-msg {
		display: block;
		width: 100%;
		text-align: left;
}