label {
  display: block;
  font-weight: bold;
  font-size: 0.9em;
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  padding: 0.5em 0.6em 0.7em;
  box-sizing: border-box;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #d5d5d5;
  margin: 0.2em 0 .7em;
  line-height: 1.35em;
  /*max-width: 35em;*/
  display: block;
}

input[type=checkbox] {
  width: auto;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 0;
}

input:disabled {
  color: #ccc;
}

button {
  color: #333;
  background-color: #f4f4f4;
  outline: none;
}
button:hover {
  background-color: #dedede;
}

button:disabled {
  color: #999;
}

button:not(:disabled):active {
  background-color: #ddd;
}

button:focus {
  border-color: #666;
}

button.pointer {
  cursor: pointer;
}

button.light-green {
  background-color: #b5cc18;
  color: white;
}
button.light-green:hover {
  background-color: #a0b718;
}
button.green {
  background-color: #21ba45;
  color: white;
}
button.green:hover {
  background-color: #1fab3e;
}
button.red {
  background-color: #C2185B;
  color: white;
}
button.red:hover {
  background-color: #a81853;
}
button.orange {
  background-color: #dd8f19;
  color: white;
}
button.orange:hover {
  background-color: #ab7111;
}

.translate {
  color: gray;
  font-weight: normal;
  margin-top: -0.4em;
  margin-bottom: 0.7em;
  direction: rtl;
}