@import url("https://fonts.googleapis.com/css?family=Saira+Semi+Condensed|Source+Sans+Pro&display=swap&subset=latin-ext");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@font-face {
  font-family: iransharp;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/iransharp_regular_web.woff") format("woff");
  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
body {
  font-family: "Source Sans Pro", iransharp, sans-serif;
  direction: ltr;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Saira Semi Condensed", iransharp, sans-serif;
}

#appTitle {
  font-size: 3em;
  font-family: "Saira Semi Condensed", iransharp, sans-serif;
  font-style: italic;
}

.good {
  color: #1c7430;
}

.bad {
  color: #e12b38;
}

.main-info {
  font-size: 3em;
}

.editable {
  cursor: pointer;
  border: none;
}

table.table td, table.table th {
  vertical-align: middle;
}

.clickable {
  cursor: pointer;
}

/* Rules for sizing the icon. */
.material-icons {
  vertical-align: middle;
}

.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: white;
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

/*# sourceMappingURL=base.css.map */