html {
  font-size: 11pt;
  background-color: #FFFFFF;
}

body {
  padding-bottom: 50px;
}

.cursor-pointer {
  cursor: pointer;
}

a {
  cursor: pointer;
  &:hover {
    text-decoration: none;
  }
}

.processing {
  background-image: url('../assets/loader.gif');
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
  width: 1rem;
  height: 1rem;
}

input, select, textarea {

  &.valid {
    border-left: 5px solid #42A948; /* green */
  }

  &.invalid {
    border-left: 5px solid #a94442; /* red */
  }

}

.text-monospace {
  font-family:monospace;
}

.text-bold {
  font-weight: bold;
}

label.mandatory:after {
  content: '*';
  color: #FF0000;
}

span.fa-spinner.animate {
  animation: spin 4s linear infinite;
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
}