body {
  font-family: "Roboto", "BIZ UDPGothic", sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", "BIZ UDPGothic", sans-serif;
  letter-spacing: 0.05em;
}
.h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small, h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small {
  letter-spacing: 0;
}

.text-en {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

.navbar-brand {
  height: auto;
}

.page-content .title-level {
  font-size: 2.8rem;
}
.page-content .title-level .small, .page-content .title-level small {
  display: block;
  font-size: 2rem;
  color: #C20012;
}
.page-content .progress-pager {
  margin-top: 21px;
  margin-bottom: 10.5px;
}
.page-content .progress-pager p {
  line-height: 1.2;
  padding: 10px;
}
.page-content .btn {
  font-weight: bold;
}
.page-content .table.table-answer tbody tr th, .page-content .table.table-answer tbody tr td {
  font-size: 1.6rem;
  text-align: center;
  width: 10%;
}
.page-content .table.table-answer tbody tr th {
  background-color: #EEE;
}
.page-content .panel-result .jumbotron p {
  font-weight: 400;
  margin: 0 auto;
}

.panel.panel-inversed {
  background-color: #555;
  color: #FFF;
}
.panel.panel-question .panel-body p {
  font-size: 2rem;
  padding: 0;
  margin: 0 auto;
}
.panel.panel-question .panel-heading h3 {
  margin: 0 auto;
  line-height: 1.5;
}
.panel.panel-question .panel-footer {
  display: flex;
  justify-content: space-between;
}
.panel.panel-question .panel-footer .btn-group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.panel.panel-question .panel-footer .btn-group .btn + .btn {
  margin-left: auto;
}
.panel.panel-question .panel-footer .btn-group .btn-primary {
  width: 100%;
  position: relative;
  background-color: #555;
  border-color: #999;
  font-size: 1.4rem;
  white-space: normal;
  padding: 10px 2px;
}
.panel.panel-question .panel-footer .btn-group .btn-primary i.glyphicon {
  opacity: 0.25;
  position: absolute;
  left: 15px;
  top: calc(50% - 0.5rem);
}
.panel.panel-question .panel-footer .btn-group .btn-primary:hover {
  background-color: #999;
}
.panel.panel-question .panel-footer .btn-group .btn-primary:hover i.glyphicon {
  opacity: 1;
}
.panel.panel-question .panel-footer .btn-group .btn-primary:active, .panel.panel-question .panel-footer .btn-group .btn-primary:focus, .panel.panel-question .panel-footer .btn-group .btn-primary.active, .panel.panel-question .panel-footer .btn-group .btn-primary.focus {
  background-color: #C20012;
  border-color: #C20012;
}
.panel.panel-question .panel-footer .btn-group .btn-primary:active i.glyphicon, .panel.panel-question .panel-footer .btn-group .btn-primary:focus i.glyphicon, .panel.panel-question .panel-footer .btn-group .btn-primary.active i.glyphicon, .panel.panel-question .panel-footer .btn-group .btn-primary.focus i.glyphicon {
  opacity: 1;
}
@media (min-width: 992px) {
  .panel.panel-question .panel-footer .btn-group .btn-primary {
    font-size: 1.6rem;
    padding: 10px 5px;
  }
}
.panel.panel-question .panel-footer .btn-captions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
}
.panel.panel-question .panel-footer .btn-captions p {
  text-align: center;
  font-size: 1.2rem;
  white-space: nowrap;
  padding: 10px 0.5em 0;
  margin: 0 auto;
}
.panel.panel-question .panel-footer .btn-captions .col-xs-3 {
  width: 100%;
  padding: 0;
}
@media (min-width: 992px) {
  .panel.panel-question .panel-footer {
    display: block;
  }
  .panel.panel-question .panel-footer .btn-group {
    display: table-row;
  }
  .panel.panel-question .panel-footer .btn-group .btn-primary {
    width: 1%;
  }
  .panel.panel-question .panel-footer .btn-captions {
    display: block;
  }
  .panel.panel-question .panel-footer .btn-captions p {
    font-size: 1.4rem;
    white-space: normal;
  }
  .panel.panel-question .panel-footer .btn-captions .col-xs-3 {
    width: 25%;
  }
}

.btn {
  position: relative;
}
.btn .small, .btn small {
  display: block;
}

.w-25 {
  width: 25%;
}

.w-33 {
  width: 33.333333333%;
}

.w-50 {
  width: 50%;
}

.w-75 {
  width: 75%;
}

.w-100 {
  width: 100%;
}

/* Header 
 * ------------------------------------ */
@media (min-width: 768px) {
  .navbar-right {
    margin-right: auto;
  }
  .navbar-right .btn-gec {
    margin: 15px auto;
  }
}
/* Footer 
 * ------------------------------------ */
#footer {
  text-align: center;
  background-color: #EEE;
  padding: 30px 0;
}
#footer #copy {
  font-size: 1rem;
}

/* Content
 * ------------------------------------ */
#accordion-select h3 {
  font-size: 2rem;
  line-height: 1.6;
  margin: 5px auto;
}
#accordion-select h3 .small, #accordion-select h3 small {
  display: block;
  font-size: 1.6rem;
  color: #C20012;
}
#accordion-select .btn {
  position: relative;
}
#accordion-select .btn i.glyphicon {
  position: absolute;
  right: 15px;
  top: calc(50% - 0.5rem);
}

.progress-pager .progress-bar-default {
  background-color: #EEE;
  color: #555;
}
.progress-pager p {
  padding: 0;
  margin: 0 auto;
}
.progress-pager small, .progress-pager .small {
  display: block;
}/*# sourceMappingURL=theme.css.map */