html {
  height: 100%;
  font-size: 14px;
  overflow-y: scroll; }

body {
  height: 100%;
  padding-top: 70px; }

app {
  display: block;
  height: 100%;
  background-color: #F5F6FB; }

.splash {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto; }
  .splash .content {
    position: fixed;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center; }
    .splash .content .loading .message {
      margin-bottom: 16px; }
    .splash .content .loading div {
      width: 16px;
      height: 16px;
      background-color: #283776;
      border-radius: 100%;
      display: inline-block;
      -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
      animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
    .splash .content .loading .ball01 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s; }
    .splash .content .loading .ball02 {
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
    .splash .content .browser-not-supported {
      display: none; }

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000; }

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem; }

/* Webkit based browsers */
meter[value="1"].passwordstrength::-webkit-meter-optimum-value {
  background: red; }

meter[value="2"].passwordstrength::-webkit-meter-optimum-value {
  background: yellow; }

meter[value="3"].passwordstrength::-webkit-meter-optimum-value {
  background: orange; }

meter[value="4"].passwordstrength::-webkit-meter-optimum-value {
  background: green; }

/* Gecko based browsers */
meter[value="1"].passwordstrength::-moz-meter-bar {
  background: red; }

meter[value="2"].passwordstrength::-moz-meter-bar {
  background: yellow; }

meter[value="3"].passwordstrength::-moz-meter-bar {
  background: orange; }

meter[value="4"].passwordstrength::-moz-meter-bar {
  background: green; }

.questionnaire-question {
  font-size: 16px;
  font-weight: bold;
  margin-top: 16px; }

.questionnaire-question-disabled {
  color: gray !important; }

.questionnaire-option {
  margin-top: 16px; }

.questionnaire-note {
  font-size: 16px;
  font-weight: normal;
  color: #52555E; }

.questionnaire-section {
  font-size: 23px;
  font-weight: bold; }

.questionnaire-box {
  border: 1px solid #dee2e6;
  background-color: #f8f9fa;
  padding: 15px; }

.dashboard-card-title {
  font-size: 23px;
  font-weight: bold;
  line-height: 120%;
  color: #2A2D36; }

.dashboard-card-subtitle {
  font-size: 16px;
  line-height: 24px;
  color: #767B87; }

.backOfficeRoot {
  padding: 15px 30px 15px 30px; }

.backOfficeContainer {
  border-radius: 5px;
  border: 2px solid #E7EAF4;
  background: white; }

.validation-message {
  color: red; }

.scrolling-fixed-height-textarea textarea {
  overflow-y: scroll;
  resize: none; }

.k-tabstrip-content, .k-tabstrip > .k-content {
  border-style: none !important; }

/* This seems like a pretty horrific workaround for styling the tab strip but not sure if there an easier way */
li.k-tabstrip-item.k-item.k-state-active.k-tab-on-top {
  border: 3px solid #14ADC1;
  border-style: none none solid none;
  padding: 6px 0px 6px 0px; }