notif {
	line-height: 18px;
	margin: 8px 0;
	text-align: center;
	color: #FFF;
	display: none;
}
.notif.nomargin { margin: 0px; }
.notif.margintop { margin: 10px auto 0px; }
.notif.nomargin-center { margin: 0px 5px; }
.notif div { border: 1px solid #FFF; box-shadow: 0 0 4px #999; padding: 8px; border-radius: 4px; }

.kuesioner-page {min-height: 100vh; height: auto; }
.kuesioner-box {
  width: 90%;
  max-width: 800px;

  @media (max-width: map-get($grid-breakpoints, sm)) {
    margin-top: .5rem;
    width: 90%;
  }

  .card {
    margin-bottom: 0;
  }
}

.kuesioner-page .card-header { margin-bottom: 25px; }
.kuesioner-page h1 { font-size: 1.8rem; }
.kuesioner-page .login-box-msg { padding: 0px 20px 10px; }
/* .kuesioner-page .answerbox { padding-left: 25px; } */ 
.kuesioner-page span.span_no { width: 30px; display: block;  }
.kuesioner-page label { font-weight: normal !important;}
.kuesioner-page .bs-stepper-header { margin-bottom: 20px; }
.wrap-btn-submit { position: relative; display: block; }
.kuesioner-page .loader { position: absolute; vertical-align: middle; top: 0px; bottom: 0px; left: 180px; margin: auto; display: none;}

@media only screen and (max-width: 500px) {
  .kuesioner-box { width: 100%; margin: 0px auto; }
  .kuesioner-box .card-default { padding: 12px; }
  .bs-stepper-label { display: none; }
}