.dropdown {
  position:relative;
  border-radius:2px;
  overflow:hidden;
  color:rgba(0,0,0,0.54);
  box-shadow:0 0px 1px 1px rgba(0,0,0,0.25);
  background-color:#fafafa;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-transition:height 0.2s ease;
  -moz-transition:height 0.2s ease;
  transition:height 0.2s ease;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  z-index:1;
}

.dropdown:after {
  position:absolute;
  content:'';
  top:0px;
  right:8px;
  width:24px;
  height:36px;
  background-image:url(../img/common/uparrow-black54.png);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center center;
  pointer-events:none;
}

.dropdown .items {
  padding-bottom:8px;
}

.dropdown.closed {
  height:36px;
  box-shadow:none;
}

.dropdown.closed:after {
  background-image:url(../img/common/downarrow-black54.png);
}

.dropdown .item {
  text-align:left;
  width:100%;
  height:36px;
  font-size:12px;
  line-height:36px;
  vertical-align:baseline;
  font-weight:normal;
  cursor:pointer;
  padding:0 40px 0 16px;
}

.dropdown .item a {
  display:inline-block;
  width:100%;
  height:100%;
  color:inherit;
  text-decoration: none;
}

.dropdown .item:first-child {
  font-weight:bold;
}

.dropdown .hr {
  margin:8px 0;
  border-top:1px solid #ffffff;
}



.faq {
  width:initial;
  margin:0 0;
  padding:12px 5% 20px 5%;
  border-radius:3px;
  font-size:13px;
  line-height:20px;
}

.faq > .title {
  font-size:14px;
  font-weight:bold;
  line-height:30px;
}

.align-center {
  text-align: center;
}

.faq .device-selector {
  padding-bottom: 10px;
}
.faq .device-selector .item {
  display: inline-block;
  height: 55px;
  width: 195px;
  background-size: 100% 100%;
}
.faq .device-selector .item.ios {
  background-image: url("../img/desktop/button_i02_2x.png");
}
.faq .device-selector .item.ios.active {
  background-image: url("../img/desktop/button_i01_2x.png");
}
.faq .device-selector .item.android {
  background-image: url("../img/desktop/button_a02_2x.png");
}
.faq .device-selector .item.android.active {
  background-image: url("../img/desktop/button_a01_2x.png");
}

.faq .device-selector .item:first-child {
  margin-right: 120px
}

.faq .category {
  position:relative;
  display:block;
  color: rgba(0,0,0,0.54);
  font-size:13px;
  font-weight:bold;
  height:48px;
  line-height:48px;
  margin:8px 8px 0 8px;
}

.faq .category .id {
  position:absolute;
  left:0;right:0;
  margin-top:-56px;
  visibility:hidden;
}

.faq .category a {
  color:inherit;
  cursor: default;
}

.faq .entries {
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,0.26);
}

.faq .entries .entry {
  border-bottom: 1px solid rgba(0,0,0,0.26);
  cursor:pointer;
}
.faq .entries .entry:last-child  {
  border-bottom: none;
}

.faq .entry {
  position:relative;
}

.faq .entry .id {
  position:absolute;
  left:0;right:0;
  margin-top:-56px;
  visibility:hidden;
}

.faq .entry .title {
  display:block;
  font-weight: bold;
  cursor:pointer;
}

.faq .entry .title {
  font-size:13px;
  padding:10px;
}

.faq .entry a.title {
  color:inherit;
}

.faq .entry .body {
  overflow: hidden;
  -webkit-transition: height 0.14s ease;
}

.faq .entry .body.collapsed {
  height: 0;
}

.faq .entry .body .inner {
  border-top: 1px dashed rgba(71,45,31,0.6);
  cursor: default;
}

.faq .entry .body .inner {
  padding: 10px 10px 10px 10px;
}

.faq .entry .body h1:before { content:"⦿ "; }
.faq .entry .body h1 {
  font-weight:bold;
  line-height:24px;
}

.faq .entry .body h2 {
  line-height:160%;
  font-weight:bold;
  padding:0;
  margin:0.5em 0 0.5em 0;
}

.faq .entry .body p {
  line-height:160%;
  margin:0.5em 0 0.5em 0;
}

.faq .entry .body p.note {
  line-height:135%;
  margin:0 0 0.5em 0;
}

.faq .entry .body pre {
  padding: 8px;
  border:1px solid #cccccc;
  background-color: #f8f8f8;
  color: #334466;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
}

.faq .entry .body .sample {
  padding: 8px;
  border: 1px solid #cccccc;
  background-color: #f8f8f8;
}

.faq .entry .body a {
  color:#0b94d9;
  text-decoration:none;
}

.faq .entry .body table {
  border-radius: 4px;
  border: 1px solid #cccccc;
  border-collapse:separate;
  border-spacing: 0;
  font-size: 0.9em;
}

.faq .entry .body tr {

}

.faq .entry .body th {
  padding: 8px;
  text-align: center;
  border-right: 1px solid #cccccc;
  background-color: #e0e0e0;
}

.faq .entry .body th.side {
    border-top: 1px solid #cccccc;
}

.faq .entry .body td {
  padding: 8px;
  text-align: center;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.faq .entry .body .topmost {
  border-top: none;
}

.faq .entry .body th:last-child, .faq .entry .body td:last-child {
  border-right: none;
}

.faq .entry .body ul { list-style:disc; padding:0 8px; margin:0 0 0 0;}
.faq .entry .body ol { list-style:none; padding:0 8px; margin:0 0 1.5em 0; counter-reset: num; }
.faq .entry .body ul li { margin: 4px 0 4px 10px; }
.faq .entry .body ol li { margin: 4px 0 4px 10px; }

.faq .entry .body ol li:before {
  content: counter(num) '. ';
  counter-increment: num;
}

.faq .entry .body ol ol li:before {
  content: counters(num, '.') ' ';
}

/** Desktop Layout */
@media (min-width:641px) {
  .faq {
    width: 860px;
    margin: 35px auto;
    padding: 12px 48px 48px 48px;
    border-radius: 8px;
    font-size:15px;
    line-height:20px;
  }

  .faq > .title {
    font-size: 26px;
    font-weight: bold;
    line-height: 54px;
    text-align: center;
  }

  .faq .category {
    font-size:15px;
    margin:16px 16px 0 16px;
  }

  .faq .entry .title {
    font-size:15px;
    padding:12px 16px;
  }

  .faq .entry .body .inner {
    font-size:15px;
    padding:10px 16px 10px 16px;
  }
}

.from-unknown .from-top-only {
    display:none !important;
}