@font-face {
  font-family: vazir;
  src: url(fonts/vazir.woff2) format('woff2');
  font-weight: normal;
}

@font-face {
  font-family: vazir;
  src: url(fonts/vazir-medium.woff2) format('woff2');
  font-weight: 500;
}

@font-face {
  font-family: vazir;
  src: url(fonts/vazir-bold.woff2) format('woff2');
  font-weight: bold;
}

html,
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input {
  unicode-bidi: plaintext;
}

/* Hide number input type arrows https://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
  -moz-appearance:textfield; /* Firefox */
}

/* calendar styles */
.sd {
  font-size: 14px !important;
}