#xbx-container {
  margin-top: 40px; }

.xbx-search, #xbxdb-search-input {
  width: 100%;
  height: 40px; }
  .xbx-search:focus, #xbxdb-search-input:focus {
    outline: none; }

.has-warning .twitter-typeahead .tt-input,
.has-warning .twitter-typeahead .tt-hint {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-warning .twitter-typeahead .tt-input:focus,
.has-warning .twitter-typeahead .tt-hint:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-error .twitter-typeahead .tt-input,
.has-error .twitter-typeahead .tt-hint {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-error .twitter-typeahead .tt-input:focus,
.has-error .twitter-typeahead .tt-hint:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-success .twitter-typeahead .tt-input,
.has-success .twitter-typeahead .tt-hint {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-success .twitter-typeahead .tt-input:focus,
.has-success .twitter-typeahead .tt-hint:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.input-group .twitter-typeahead:first-child .tt-input,
.input-group .twitter-typeahead:first-child .tt-hint {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  width: 100%; }

.input-group .twitter-typeahead:last-child .tt-input,
.input-group .twitter-typeahead:last-child .tt-hint {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%; }

.input-group.input-group-sm .twitter-typeahead .tt-input,
.input-group.input-group-sm .twitter-typeahead .tt-hint {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-group.input-group-sm .twitter-typeahead .tt-input,
select.input-group.input-group-sm .twitter-typeahead .tt-hint {
  height: 30px;
  line-height: 30px; }

textarea.input-group.input-group-sm .twitter-typeahead .tt-input,
textarea.input-group.input-group-sm .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-hint {
  height: auto; }

.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
  border-radius: 0; }

.input-group.input-group-sm .twitter-typeahead:first-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:first-child .tt-hint {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group.input-group-sm .twitter-typeahead:last-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:last-child .tt-hint {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.input-group.input-group-lg .twitter-typeahead .tt-input,
.input-group.input-group-lg .twitter-typeahead .tt-hint {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

select.input-group.input-group-lg .twitter-typeahead .tt-input,
select.input-group.input-group-lg .twitter-typeahead .tt-hint {
  height: 46px;
  line-height: 46px; }

textarea.input-group.input-group-lg .twitter-typeahead .tt-input,
textarea.input-group.input-group-lg .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-hint {
  height: auto; }

.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
  border-radius: 0; }

.input-group.input-group-lg .twitter-typeahead:first-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:first-child .tt-hint {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group.input-group-lg .twitter-typeahead:last-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:last-child .tt-hint {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.twitter-typeahead {
  width: 100%;
  float: left; }

.input-group .twitter-typeahead {
  display: table-cell !important; }

.twitter-typeahead .tt-hint {
  color: #999999; }

.twitter-typeahead .tt-input {
  z-index: 2; }

.twitter-typeahead .tt-hint,
.twitter-typeahead .tt-input {
  width: 100%;
  height: 40px;
  padding: 0 10px 0 60px; }

.twitter-typeahead .tt-input[disabled],
.twitter-typeahead .tt-input[readonly],
fieldset[disabled] .twitter-typeahead .tt-input {
  cursor: not-allowed;
  background-color: #eeeeee !important; }

.tt-dropdown-menu,
.tt-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 160px;
  width: 100%;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px; }

.tt-dropdown-menu .tt-suggestion,
.tt-menu .tt-suggestion {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333; }

.tt-dropdown-menu .tt-suggestion.tt-cursor,
.tt-menu .tt-suggestion.tt-cursor,
.tt-dropdown-menu .tt-suggestion:hover,
.tt-menu .tt-suggestion:hover {
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  background-color: #f5f5f5;
  color: #262626; }

.tt-dropdown-menu .tt-suggestion.tt-cursor a,
.tt-menu .tt-suggestion.tt-cursor a,
.tt-dropdown-menu .tt-suggestion:hover a,
.tt-menu .tt-suggestion:hover a {
  color: #262626; }

.tt-dropdown-menu .tt-suggestion p,
.tt-menu .tt-suggestion p {
  margin: 0; }

.tt-dataset {
  max-width: 25%;
  min-width: 300px;
  float: left; }

#scrollable-dropdown-menu .tt-menu {
  max-height: 600px;
  width: 100%;
  overflow-y: auto; }

.x-logo-pos {
  position: absolute;
  top: 12px;
  left: 5px;
  width: 20px;
  height: 20px;
  z-index: 99; }

.x-logo {
  width: 20px;
  height: auto; }

.fa-search-pos {
  position: absolute;
  top: 10px;
  left: 30px;
  width: 20px;
  height: 20px;
  z-index: 99; }

.fa-search-pos .fa-search {
  color: black;
  font-size: 20px;
  line-height: 1; }

html, #app {
  background-color: #fff; }

#xbx-brand-position {
  background: white;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0; }

#xbx-builtby {
  display: inline-block;
  color: #595959;
  width: 100%;
  max-width: 125px;
  padding: 5px; }

.kanjiName {
  text-align: center; }

.logo-light #Star path,
.logo-light #J {
  fill: #fff; }

.logo-ico-32,
.logo-ico-32 #Logo {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle; }

.logo-ico-16,
.logo-ico-16 #Logo {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle; }

.navbar-fixed-top-30 {
  top: 40px;
  z-index: 1029; }

body.agent-desktop #xbx-container {
  margin-top: 90px; }

body.agent-mobile #xbx-container {
  margin-top: 90px; }

.navbar {
  min-height: auto; }

#amzn {
  text-align: center; }

#amzn iframe {
  display: inline-block; }

#frontiernav [id^=frontiernav-] {
  position: relative;
  width: 984px;
  height: 928px;
  margin-top: 15px; }

#frontiernav [id^=poi-],
#frontiernav [id^=poi-] .x-icon,
#frontiernav [id^=segment-map-],
#frontiernav [id^=terrain-map-],
#frontiernav [id^=info-],
#frontiernav [id^=fn-ids-],
#frontiernav .fn-site-id {
  position: absolute; }

#frontiernav [id^=terrain-map-] {
  z-index: 1; }

#frontiernav [id^=segment-map-] {
  z-index: 5; }

#frontiernav [id^=poi-] {
  z-index: 10; }

#frontiernav [id^=info-] {
  z-index: 15;
  max-width: 250px; }

#frontiernav [id^=fn-ids-] {
  z-index: 15; }
  #frontiernav [id^=fn-ids-] .fn-site-id {
    color: yellow;
    font-weight: 600;
    display: block;
    text-align: center;
    width: 55px;
    text-shadow: 0 0 2px black; }

#frontiernav i.x-icon {
  background: url("sprites-3.png") 0 0 no-repeat;
  display: inline-block;
  height: 50px;
  width: 55px;
  opacity: .8; }

#frontiernav i.x-icon:hover {
  opacity: 1; }

#frontiernav i.x-icon-fn {
  background-position-y: 0; }

#frontiernav i.x-icon-tyrant {
  background-position-y: -50px; }

#frontiernav i.x-icon-treasure {
  background-position-y: -100px; }

#frontiernav i.x-icon-affinity {
  background-position-y: -150px; }

#frontiernav i.x-icon-mission {
  background-position-y: -200px; }

#frontiernav i.x-icon-character-hangout {
  background-position-y: -350px; }

#frontiernav i.x-icon-heart-to-heart {
  background-position-y: -300px; }

.editing {
  z-index: 995; }

.gsc-search-box {
  display: none; }