[v-cloak] {
    display: none;
}

.formTitle {
    margin: 20px 0;
}

.background-gray { background-color: #F4F4F4}
.background-red { background-color: red}
.height35 { min-height: 35px }
.bold { font-weight: bold }
.paddingLeft50 { padding-left:50px; }
.paddingLeft37 { padding-left:37px; }
.formBuilderRow { position: relative; }
.formBuilderRow .formBuilderRowProps { position: absolute; top:0px; left:0px; min-height: 35px   }
.formBuilderRow .formBuilderRowHandle { position: absolute; top:0px; left:30px; border:0px; padding: 8px 0 5px 5px; min-height: 35px; width:17px; color:white; background-color: #428bca !important }
.formBuilderRow > div { border: 1px dotted #D2D2D2 }

.formBuilderRow .formBuilderCol .element { width: 100%; background-color: #D7D7D7; min-height: 33px; }

.ruleQuestionSelect { height:200px !important; font-size:10px}
.dragPlaceHolder { border: 1px dotted #000 !important }

.formManagerForm >.row:nth-child(2n+2) { background-color: #F7F7F7}

.addElementInline { min-height: 34px }

#questionPropertiesModal .modal-dialog { width:70% }

#sessionmodal .modal-header{  font-size: 18px; }
#sessionmodal .modal-body {  padding: 75px 0 75px 0; font-size: 18px; text-align: center }
#sessionmodal .modal-body .clock {  font-size: 65px; color: rgba(204, 204, 204, 1) }

#formAddQuestion { margin: 0 auto; }

.form-edit #form_loading_icon {
    font-size:20vh;
}

.loading-icon {
    display: block;
    text-align: center;
}

.form-alert {
    margin: 24px 0!important;
    padding: 18px 16px;
}

.form-alert div {
    line-height: 0.85;
}

.download-icon {
  color: #7c7d7d;
  margin-right: 10px;
}

.submitted-question-container {
  padding: 0 15px 10px;
}

.blank-answer {
  color: #fff;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.form-spinner-container {
    display: block;
    padding: 20px 0 126px;
}

.form-spinner {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
}
.form-spinner .path {
  stroke: #93bfec;
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}