/* depends on seatable-ui.css */
.a-simulate {
  color: hsl(33, 96%, 47%) !important;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
}

.a-simulate:hover {
  text-decoration: underline;
}

.user-select-none {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/** loading **/
@-moz-keyframes loading {
  0% {
      -moz-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -moz-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

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

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

.loading-icon {
  display:inline-block;
  width:26px;
  height:26px;
  border:2px solid #eee;
  border-left-color:#aaa;
  border-radius:50%;
  -moz-animation:loading 0.9s infinite linear;
  -webkit-animation:loading 0.9s infinite linear;
  animation:loading 0.9s infinite linear;
}

.loading-tip {
  display:block;
  margin:1em auto;
}

/* empty-tip */
.empty-tip {
  margin: 5.5rem 1rem;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 30px;
  background-color: #fafafa;
  text-align: center;
}

@media (min-width: 768px) {
.empty-tip {
  padding: 30px 80px;
}
}