.container { width: 700px; text-align:center; }

.survey #PageIntroText { border-bottom: 1px solid #e7e7e8; padding:0 0 10px; margin-bottom:30px; }

h1 { color: #003366; font-size: 40px; font-weight: 500; line-height: 46px; margin: 0 0 20px; }

.survey-answer { margin-top:0; }
.survey #questions .survey-answer { position: relative; overflow:hidden; }

p { margin:0; }

table.label { display:none; }

.radiolist input, .checkboxlist input { display:none; }

#questions input[type="radio"] + label:before, #questions input[type="radio"] + label:after,
	#questions input[type="checkbox"] + label:before { display: none; }

#questions input[type="checkbox"] + label,
	#questions input[type="radio"] + label { margin:0; padding:0;  }

/* stars */
.radiolist { margin:0 auto; }
.radiolist label { background:url("star.svg") center center no-repeat; background-size:36px auto; height:36px; width: 56px; text-indent:-99999px; transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; display:block; opacity:.5; }
.radiolist label:hover, .radiolist label.make-solid  { opacity:1; }
.radiolist label:hover { transform: scale(1.2); }

.htmlsection { margin:10px 0 20px; }

.rating-text { font-size:24px; line-height:26px; font-weight:500; }

li.checkboxlist { margin-bottom:35px; }

.checkboxlist tr { display:flex; flex-direction: row; flex-wrap: wrap; justify-content:center; }

#questions .checkboxlist label { border:1px solid #999999; padding:9px 10px !important; font-size:16px; line-height:16px; letter-spacing:-.18px; border-radius:3px; display:block; margin:3px !important; font-weight:normal; }
#questions .checkboxlist label:hover { background:#c2c2c2; }
#questions .checkboxlist input:checked + label { background:#0077af; border:1px solid #0077af; color:#fff; }

.Outro .buttons { display:none; }

@media (max-width: 700px) {
	.survey #form {
		width:96% !important;
		margin:auto !important;
	}	
}