html {
  position: relative;
  min-height: 100%;
}

h3 {
  font-size: 1.5em;
  margin-bottom: .5em;
  margin-top: .5em;
}

label {
  font-size: 1.5em;
}

input[type=radio].rButton {
  transform: scale(2);
  position: relative;
  top: -4px;
}

.qu_option-0, .qu_option-1, .qu_option-2, .qu_option-4 {
  margin: 0px 0 0 10px;
}

.red-bg {
  font-family: 'Open Sans', sans-serif;
  background-color: #C01818;
  font-size: 1.3em;
  padding-bottom: 65px;
}

.yellow-bg-bubble {
  background-color: #F5C714;
  border-radius: 15px;
  padding: 10px;
}

.blueBtn {
  /*border-radius: 20px;*/
  background-image: none;
  background-color: #0071c5;
  border: 4px solid #FFFFFF;
  /*padding: 3px 10px;*/
  /*margin: 5px 0;*/
  color: #fff;
}

.blueBtn:focus, .blueBtn:hover {
  border: 4px solid #FFFFFF;
}

.grayBtn {
  /*border-radius: 20px;*/
  background-image: none;
  background-color: #555858;
  border: 2px solid #FFFFFF;
  /*padding: 3px 10px;*/
  margin: 5px 0;
}

.grayBtn:focus, .grayBtn:hover {
  border: 2px solid #FFFFFF;
  background-color: #002b49;
}

.yesBtn {
  /*border-radius: 15px;*/
  background-image: none;
  background-color: #4B5F3A;
  border: 2px solid #FFFFFF;
  padding: 8px 10px;
  margin: 5px;
  color: #fff;
}

.yesBtn:focus, .yesBtn:hover {
  border: 2px solid #FFFFFF;
}

.noBtn {
  /*border-radius: 15px;*/
  background-image: none;
  background-color: #002b49;
  border: 2px solid #FFFFFF;
  padding: 8px 10px;
  margin: 5px 0;
}

.noBtn:focus, .noBtn:hover {
  border: 2px solid #FFFFFF;
}

.btn.noBtn:hover, .btn.noBtn:focus {
  color: #000;
}

.btn.yesBtn:hover, .btn.yesBtn:focus {
  color: #000;
}

.btn.yesBtn:hover, .btn.yesBtn:focus {
  background-color: #BC990B;
}

.btn.noBtn:hover, .btn.noBtn:focus {
  background-color: #BC990B;
}

.intelBlue {
  color: #0071c5;
}

.white {
  color: #FFF;
}

.yellow {
  color: #F5C714;
}

.bg_gray {
  background-color: #53565a;
}

.bg_blue {
  background-color: #0071c5;
}

.bg_ltGray {
  background-color: #e6e7e8;
}

.left-right-border {
  border-style: solid;
  border-color: #b1babf;
  border-width: 0 4px;
}

.left-border {
  border-style: solid;
  border-color: #b1babf;
  border-width: 0 0 0 4px;
}

.right-border {
  border-style: solid;
  border-color: #b1babf;
  border-width: 0 4px 0 0;
}

.flashcard {
  border: 2px solid #595959;
  border-radius: 30px;
  min-height: 300px;
  background-color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 20px;
  /*background-image: url(../img/shield.png);*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.optionsCard {
  border: 2px solid #595959;
  border-radius: 30px;
  min-height: 450px;
  background-color: #d9d9d9;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 20px;
}

.scoreText, .scoreTotal, .timerText {
  font-size: 1.5em;
}

.reviewText {
  font-size: 1.5em;
}

.dyk {
  font-size: 1.8em;
  color: #ffda00;
}

.flashcard p {
  font-size: 1.1em;
}

.green-down-arrow {
}

.fc_group {
  padding-bottom: 80px;
}

.options {
  margin: 0 auto;
  padding: 15px;
  display: table;
  width: 500px;
  font-size: 1.25em;
  clear: both;
  background-color: #fff;
  border: 2px solid #000;
}

.didYouKnow {
  margin-top: 10%;
}

.reviewOptions {
}

.side_b {
}

.navbar {
  margin-bottom: 0px;
}

.vert-offset-top-4 {
  margin-top: 4em;
}

.vert-offset-top-3 {
  margin-top: 3em;
}

.vert-offset-top-2 {
  margin-top: 2em;
}

.vert-offset-top-1 {
  margin-top: 1em;
}

.cardInstuctions {
  font-size: 1.5em;
}

.glyphicon-circle-arrow-down {
  font-size: 3em;
}

.secondaryRow p {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

p.dynamicQuestion {
  font-size: 1.5em;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: left;
  }
}

.red {
  color: #C01818;
}

.bg_white {
  background-color: #fff;
}

.dkred {
  color: #75160D;
}

.bg_red {
  background-color: #C01818;
}

#narrator, #screenPopperWrongResponse {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.75);
  z-index: 1031;
}

.displayMiddle {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}

#narratorSpeech, #narratorWrongResponse {
  background-color: rgba(255,255,255,0.8);
  border: 2px solid #fff;
  color: #333;
}

#narratorSpeech p {
  margin-bottom: 0;
}

.standard-padding {
  padding: 15px;
}

.narratorCloseBtn, .screenPopperWrongResponseCloseBtn {
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
  z-index: 5;
}

.btn-primary:hover {
  color: #FFF;
}

.qu_option-3 {
  margin: 0px 0 0 10px;
}

.btn.yellow {
  background-color: #6F5306;
  border: 1px solid #6F5306;
}