@import "./variables";

#index-mount {
  .index-spinner {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: rgba(255, 255, 255, 0.9);
  }

  a:link,
  a:visited {
    color: $dominant-color;
  }

  a:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  .accordion-header-link:link {
    float: right;
    font-size: 12px;
    color: #888;
    font-style: italic;
    display: inline-block;
    padding: 0 4px;
  }

  .ap-accordion {
    min-width: 1180px;
  }

  .ap-accordion-body,
  .accordion-body {
    display: flex;
    justify-content: center;
    padding: 16px 0;
    white-space: nowrap;
    overflow: auto;
    width: 100%;
    box-sizing: border-box;
    min-height: 120px;
    background-image: -moz-linear-gradient(45deg, #F0F0F0 25%, transparent 25%), -moz-linear-gradient(-45deg, #F0F0F0 25%, transparent 25%), -moz-linear-gradient(45deg, transparent 75%, #F0F0F0 75%), -moz-linear-gradient(-45deg, transparent 75%, #F0F0F0 75%);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #F0F0F0), color-stop(0.25, transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #F0F0F0), color-stop(0.25, transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.75, transparent), color-stop(0.75, #F0F0F0)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.75, transparent), color-stop(0.75, #F0F0F0));
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-background-size: 50px 51px;
    background-position: 0 0, 25px 0, 25px -25px, 0 25px;
    border: 1px solid #CCC;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) inset;
  }
}