@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.collapsible-header-ctr {
  display: flex;
  width: 100%;
  border-bottom: 2px solid #dddddd;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin-top: 1em; }
  .collapsible-header-ctr button {
    display: inline-block;
    position: relative;
    top: 3px;
    border-bottom: 4px solid #ff4c00; }
    .collapsible-header-ctr button:hover, .collapsible-header-ctr button:focus {
      text-decoration: underline;
      border-bottom: 4px solid #ff4c00; }
  .collapsible-header-ctr i {
    font-size: 1.3em; }
  .collapsible-header-ctr.js-open i {
    transform: rotate(180deg); }

.collapsible-contents table {
  width: 100% !important;
  margin-top: 1em;
  border-collapse: collapse; }
  .collapsible-contents table thead {
    text-transform: uppercase;
    background-color: #464646;
    color: #ffffff; }
    .collapsible-contents table thead th {
      border-style: hidden;
      padding: 0.75em 1em; }
  .collapsible-contents table tbody tr:nth-child(even) {
    background-color: #f7f7f7; }
  .collapsible-contents table tbody td {
    border-style: hidden;
    padding: 0.75em 1em; }
  @media (max-width: 768px) {
    .collapsible-contents table {
      min-width: 500px; } }

@media (min-width: 1024px) {
  .mobile-only .collapsible-header-ctr {
    display: none; } }

.collapsible-header-ctr--desktop {
  display: none;
  padding-top: 1em;
  border-bottom: 2px solid #dddddd; }
  @media (min-width: 1024px) {
    .collapsible-header-ctr--desktop {
      display: block; } }

.collapsible-contents.js-closed {
  display: none;
  overflow: hidden; }

@media (min-width: 1024px) {
  .mobile-only .collapsible-contents.js-closed {
    display: block;
    overflow: auto; } }

.collapsible-header {
  text-transform: uppercase;
  margin-bottom: 0.75rem;
  padding-top: 10px;
  letter-spacing: 0; }