/* IE */
input:-ms-input-placeholder {
  color:#757575;
}

/* Edge */
input::-ms-input-placeholder {
  color:#757575;
}

.button {
  display       : inline-block;
  font-size     : 14pt;
  text-align    : center;
  cursor        : pointer;
  padding       : 19px 35px;
  background    : #0059b3;
  color         : #ffffff;
  line-height   : 1em;
  border: 0;
}

#addSerial {
  font-size: 0.9em;
  color: #0000ff;
  text-decoration:underline;
  text-decoration-color: #0000ff;
}

.deleteSerial {
  font-size: 0.8em;
  color: #0000ff;
  text-decoration:underline;
  text-decoration-color: #0000ff;
}

#memo {
  ime-mode:active;
  width:350px;
  height:100px;
}

.tooltip {
  position: absolute;
  background: #0d3664;
  border-radius:3px;
  margin-top: 5px;
  padding: 6px 12px;
  font-family: arial;
  font-size: 0.8em;
  color: #fff;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  z-index:100;
}
.tooltip:before {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #0d3664 transparent;
  left:35px;
}
.fadeout {
  animation : fadeOut 4s;
  animation-fill-mode: both;
}
@keyframes fadeOut {
  0% { opacity: 1; }
  66% { opacity: 1; }
  100% { opacity: 0; }
}

@media print, screen and (min-width: 768px) {

  .qChoice label {
    display: block;
    margin-bottom: 15px;
  }

}

@media print, screen and (max-width: 767px) {

  .qChoice label {
    display: block;
    margin-bottom: 14px;
    font-size: 1.1rem;
  }

}