@import url("https://fonts.googleapis.com/css?family=Bellefair|Telex&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Francois+One&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Mukta:400,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Oswald:400&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Ovo");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600");
body {
  margin: 0;
  background-color: white;
  overflow-x: hidden; }

table {
  border-spacing: 0; }
  table #tones td {
    font-family: sans-serif;
    font-size: 12px;
    min-width: 28px;
    text-align: center;
    border-bottom: solid 1px silver;
    border-right: solid 1px silver;
    line-height: 30px;
    padding: 1px;
    color: #949494; }
  table .line td {
    border-bottom: solid 1px silver;
    border-right: solid 1px silver;
    font-family: sans-serif;
    font-size: 12px;
    color: #949494;
    font-weight: 600;
    white-space: nowrap;
    padding: 6px;
    overflow: hidden;
    cursor: pointer;
    transition: ease-in-out 100ms; }
    table .line td .custom_empty_circle {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 25%;
      border: 2px solid;
      margin: auto;
      opacity: 0.5;
      transition: ease-in-out 100ms; }
    table .line td:hover .custom_empty_circle {
      opacity: 1;
      transform: scale(1.1); }

.legend {
  display: inline-block;
  border: solid 1px #c9c9c9;
  border-radius: 5px;
  margin-top: 20px;
  background: white; }
  .legend p {
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
    color: #8b8b8b;
    font-weight: bold;
    margin: 6px 5px 0 8px;
    font-family: "Source Sans Pro", sans-serif; }

form input {
  box-sizing: border-box !important; }

#info {
  box-sizing: border-box !important;
  filter: saturate(0.6);
  -webkit-filter: saturate(0.6);
  transition: ease-in-out 100ms; }
  #info p {
    font-family: sans-serif;
    font-size: 16px;
    color: #fff;
    margin: 0; }
  #info span {
    font-weight: 600; }

.highlighted {
  box-shadow: inset 0 0 0 2px #ffaa43; }

.number {
  font-family: sans-serif;
  font-size: 18px;
  color: #575757; }
  .number span {
    font-size: 20px;
    font-weight: bold;
    color: #009688;
    border: solid 1px;
    padding: 3px;
    border-radius: 5px; }

.form-control {
  box-sizing: border-box !important; }

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