#SurveyEngineBody {
  background: url(https://i.imgur.com/RIzSZvo.png) no-repeat center center fixed !important;
  background-size: cover !important;
}

html .Skin #Logo {
  background-image: url(https://i.imgur.com/dAkH8Cj.png) !important;
  background-repeat: no-repeat !important;
  background-size: 250px 80px;
  height: 150px;
}

.Skin #LogoContainer {
  background-color: #969CBA !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.Skin .QuestionText {
  font-size: 18px;
  color: #142151 !important;
  padding: 20px;
  line-height: 1.5em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

#Questions {
  background-color: white !important;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  -webkit-box-shadow: 1px 1px 10px #888888 !important;
          box-shadow: 1px 1px 10px #888888 !important;
}

.Skin #Buttons {
  text-align: right !important;
  padding: 20px !important;
  margin-top: 0 !important;
}

#Buttons {
  background-color: #969CBA !important;
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  -webkit-box-shadow: 1px 1px 10px #888888 !important;
          box-shadow: 1px 1px 10px #888888 !important;
}

.InputText {
  border-radius: 10px !important;
  height: 30px !important;
  border: solid 1px #142151 !important;
  color: #171716 !important;
  padding: 2px !important;
}

.InputText:focus {
  border-radius: 10px !important;
  height: 30px !important;
  border: solid 1px #4E73B8 !important;
  color: #171716 !important;
}

.Skin label.SingleAnswer.q-checked {
  background: #142151 !important;
  border-color: #142151 !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

#NextButton, #PreviousButton {
  margin: 2px !important;
  border-radius: 10px !important;
  border: solid 1px #142151 !important;
  width: 75px !important;
  height: 40px !important;
  background: #142151 !important;
  font-weight: bold !important;
  color: rgba(255, 255, 255, 0.8) !important;
  cursor: pointer !important;
}

#NextButton:hover, #PreviousButton:hover {
  margin: 2px !important;
  border-radius: 10px !important;
  border: solid 1px #4E73B8 !important;
  width: 75px !important;
  height: 40px !important;
  background: #4E73B8 !important;
  font-weight: bold !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

#SkinInner td {
  background-color: transparent !important;
}

#SkinContent {
  background-color: transparent !important;
  border-radius: 10px !important;
  border-radius: 10px !important;
}

#SkinContent:after {
  -webkit-box-shadow: 1px 1px 10px #888888 !important;
          box-shadow: 1px 1px 10px #888888 !important;
}

#Buttons:after {
  -webkit-box-shadow: 1px 1px 10px #888888 !important;
          box-shadow: 1px 1px 10px #888888 !important;
}

.ReadableAlt {
  background: rgba(192, 230, 232, 0.3) !important;
}