/*------------------------------------*\

# DECISION TREE

\*------------------------------------*/
.ssn-entry,
.btn-reset {
  display: none;
}

.ssn-type,
.ssn-citizen,
.ssn-content {
  display: none;
}

.btn-reset {
  display: block;
  background-color: #2e6394;
}

.content button {
  margin-bottom: 0.5rem;
  width: 100%;
}

.content .dn {
  display: none !important;
}

.content .db {
  display: block !important;
}

@media (min-width: 45em) {
  .ssn-form {
    display: block !important;
  }

  .ssn-form button.active {
    background-color: #093c8f;
    color: #fff;
  }

  .ssn-who,
  .ssn-type,
  .ssn-citizen,
  .ssn-content {
    display: block !important;
  }

  .btn-reset {
    display: none;
  }
}

.no-js .ssn-form {
  display: none !important;
}
.no-js .ssn-entry {
  display: block !important;
}

@media print {
  .ssn-content,
  .ssn-entry.db {
    display: block !important;
  }
}