.buttontwoss {
  color: #3C73A8;
  padding: 5px;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s, color 0.3s;
  margin:5px;
  font-size:18px;
  font-weight:bolder;
}
.buttontwoss:hover { color: #FFF; background:#3C73A8; }
#dataRows .dataRow {
  padding: 8px;
  
  border-bottom: 2px dotted #57a4ee;
}
#searchInput::placeholder { color: #FFF; font-weight: bold; letter-spacing: 2px; }
#searchInput:focus::placeholder { color: #000; }

/* Preloader */
.preloader-circle {
  width: 100px; height: 100px; border-radius: 50%;
  border: 8px solid #ddd; border-top-color: #3C73A8;
  animation: spin 1.5s linear infinite;
  display: flex; justify-content: center; align-items: center;
  position: relative; box-sizing: border-box;
}
.preloader-text {
  transform: rotate(0deg);
  animation: counter-spin 1.5s linear infinite;
  color: #3C73A8; font-size: 2em; font-weight: bold;
}
@keyframes spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);} }
@keyframes counter-spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(-360deg);} }