#fb-mini-survey {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	background: #bfd3e5;
	width: 100%;
	padding: 0;
	color: #fff;
}

.toolbar-fixed #fb-mini-survey {
  top: 82px;
}

.smartbanner-show #fb-mini-survey {
	top: 80px;
}

.toolbar #fb-mini-survey {
	top: 38px;
}

.smartbanner-show .toolbar #fb-mini-survey {
	top: 118px;
}


#fb-mini-survey > div {
	display: flex;
	align-items: center;
	margin: 0 auto;
	width: 100%;
	max-width: 396px;
}

#fb-mini-survey span {
	display: block;
	width: calc(100% - 94px);
	max-width: 300px;
	padding: 0 2px;
	font-weight: 900;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	line-height: normal;
  color: #2e3c48;
}

#fb-mini-survey span.full {
	width: 100%;
	max-width: 396px;
}

#fb-mini-survey i {
	display: block;
	height: 42px;
	width: 0;
}

#fb-mini-survey input[type="radio"] + label {
  display: block;
  margin: 0 0 0 5px;
  background: #99b0c4 !important;
  height: 42px;
  width: 42px;
  padding: 0;
  font-weight: 900 !important;
  font-size: 10px;
  line-height: 42px;
  text-align: center;
  text-transform: uppercase;
  color: #000203;
}


#edit-happy,
#edit-happy--2 {
  display: flex;
}

#edit-happy div,
#edit-happy--2 div {
  position: relative;
}

#edit-happy div input,
#edit-happy--2 div input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}

#edit-happy div input + label,
#edit-happy--2 div input + label {
  display: block;
  margin: 4px 0 4px 5px;
  background: #cccccc !important;
  height: 36px;
  width: 45px;
  padding: 0;
  font-weight: 900 !important;
  font-size: 12px;
  line-height: 36px;
  text-align: center;
  color: #000000 !important;
  font-weight: 400!important;
}


#fb-survey {
	border-top: 1px solid #cccccc;
	width: 100%;
	background: #fff;
}

#fb-survey > div {
	margin: 0 auto;
	width: 100%;
	max-width: 430px;
	overflow: hidden;
	transition: all 0.1s ease-in-out; 
	-moz-transition: all 0.1s ease-in-out; 
	-o-transition: all 0.1s ease-in-out; 
	-webkit-transition: all 0.1s ease-in-out; 
}

#fb-survey button,
#BogoButtons input[type="submit"] {
	display: block;
	margin: 4px 0 4px 5px;
	background: #cccccc !important;
	height: 36px;
	width: 45px;
	padding: 0;
	font-weight: 900 !important;
	font-size: 12px;
	line-height: 36px;
	text-align: center;
	color: #000000 !important;
	font-weight: 400!important;
}


#fb-survey-intro {
	display: flex;
	align-items: center;
	max-height: 44px;
}

#fb-survey-intro span {
	display: block;
	width: calc(100% - 100px);
	max-width: 330px;
	font-size: 12px;
	text-align: center;
	line-height: normal;
}


#fb-survey-form {
	/* max-height: 0; */
	padding: 0 10px;
}

#fb-survey-form > :first-child {
	margin-top: 30px;
}

#fb-survey-form > :last-child {
	margin-bottom: 30px;
}

#fb-survey-form p {
	margin: 4px 0;
}

#fb-survey-form form p {
	margin: 18px 0;
}

#fb-survey-form fieldset {
  margin-bottom: 0;
}

#fb-survey-form label,
#fb-survey-form fieldset legend {
	padding-top: 15px;
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
}

#fb-survey-form select {
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
}

#fb-survey-form .BogoRadios span {
	float: left;
	width: 9%;
	text-align: center;
}

#fb-survey-form .BogoRadios span label {
	padding: 0 0 4px 0;
}

#fb-survey-form textarea {
	width: 100%;
	height: 90px;
	font-size: 13px;
	line-height: normal;
	resize: none;
}

#fb-survey-form #BogoButtons {
	margin: 10px 0 20px 0;
	width: 100%;
}

#fb-survey-form #BogoButtons input {
	float: left;
	width: 100px;
	margin: 0 calc((100% - 200px) / 4);
	font-size: 13px;
}

#fb-survey-thankyou p {
	margin: 10px 0;
	text-align: center;
}

.survey-radios .fieldset-wrapper > div  {
  display: flex;
  justify-content: space-evenly;
}

.survey-radios .fieldset-wrapper > div > div {
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-flow: column-reverse;
}

#fb-survey-intro.survey-hidden,
.survey-hidden {
  max-height: 0;
  overflow: hidden;
  display: none !important;
}