@charset  "utf-8";

/* CSS Document */
body,html {
    height: 100%;
    width: 100%;
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #717171;
    letter-spacing: 0;
}


#toggleside {
color: #167b82;
cursor:pointer;
position: absolute;
right: 7px;
top: 1px;
z-index: 4;
font-size: 24px;
width: 20px;
text-align: right;
display:none;
}

#toggleside i {
position:relative;
}

#toggleside:hover i {
color: #005e64;
right: 2px;
}


#addreward,#removereward {
display: inline-block;
cursor:pointer;
color: #167b82;
font-size: 12px;
}

#addreward:hover,#removereward:hover {
color: #005e64;
}


a:link {
    color: #167b82;
    text-decoration: none;
}

a:visited {
    text-decoration: none;
    color: #167b82;
}

a:hover {
    text-decoration: none;
    color: #005e64;
}

a:active {
    text-decoration: none;
    color: #167b82;
}

.myloclistimg {
display:inline-block;
min-width: 20px;
}

.searchresult {
  margin-bottom:6px;
  width:100%;
  cursor:pointer;
}

.searchresult_image {
  float:left;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-right:10px;
  opacity:0.8;
  box-sizing: border-box;
  border: 2px solid #167b82;
}

.searchresult_title {
  float:left;
  width: calc(100% - 50px);;
  color:#777;
  font-size: 12px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height:34px;
}

.searchresult_title span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.searchresult:hover .searchresult_title {
color: #39878c;
}
.searchresult:hover .searchresult_image {
opacity:1.0;
}

body .leaflet-control-scale-line {
border:0px;
border-right: 1px solid #167b82;
}

body .leaflet-bottom .leaflet-control-scale {
margin-bottom:0px;
margin-left:0px;
}


body #map .leaflet-bar a {
height: 30px;
line-height: 30px;
}


body #map .leaflet-control-layers, #map .leaflet-bar {
border-radius: 2px;
border: 1px solid #ccc;
color:#565656;
background-color: rgb(255, 255, 255);
box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.2);
}



.leaflet-tile{
-webkit-filter: saturate(70%) contrast(105%);
filter: saturate(70%) contrast(105%);
}

#map .map_btn_list,#map .map_btn_settings,#map .map_btn_search {
clear:none;
color:#565656;
background-color: rgb(255, 255, 255);
box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.2);
border-radius: 2px;
font-size:11px;
border: 1px solid #ccc;
font-weight: 500;
white-space: nowrap;
}

#map .map_btn_list a,#map .map_btn_settings a,#map .map_btn_search a {
width: auto;
padding-left: 8px;
padding-right: 8px;
}

#map .map_btn_list a i,#map .map_btn_settings a i,#map .map_btn_search a i {
color:#464646;
font-size: 14px;
position: relative;
top: 1px;
margin-right: 8px;
}

#map .leaflet-control-container .leaflet-control-zoom a {
width: 28px;
height: 28px;
line-height: 28px;
}

#map .leaflet-control-container .full_screen_btn a {
width: 28px;
height: 28px;
line-height: 28px;
}

.full_screen_btn .fa-arrows-alt {
font-size: 16px;
position: relative;
top: 2px;
}

#map .leaflet-control-container .geoloc_btn a {
width: 28px;
height: 28px;
line-height: 28px;
}

.geoloc_btn .fa-crosshairs {
font-size: 17px;
position: relative;
top: 2px;
}

.leaflet-control a:link {
    color: #565656;
    text-decoration: none;
}

.leaflet-control a:visited {
    text-decoration: none;
    color: #565656;
}

.leaflet-control a:hover {
    text-decoration: none;
    color: #444;
}

.leaflet-control a:active {
    text-decoration: none;
    color: #565656;
}


.leaflet-control a.leaflet-disabled:link {
    color: #aaa;
    text-decoration: none;
}

.leaflet-control a.leaflet-disabled:visited {
    text-decoration: none;
    color: #aaa;
}

.leaflet-control a.leaflet-disabled:hover {
    text-decoration: none;
    color: #aaa;
}

.leaflet-control a.leaflet-disabled:active {
    text-decoration: none;
    color: #aaa;
}

.replocliststatus {
color: #cc6f6f;
font-weight: normal;
position: absolute;
top: 3px;
right: 0px;
z-index:10;
background-color:#ebf5f7;
padding-left:8px;
padding-right:5px;
}

.bookmarklistitem-hold:hover .replocliststatus {
background-color: rgba(255,255,255);
}

.listitemswrapper {
overflow:hidden;
}

.loclistbtn-holder {
text-align:right;
position:relative;
top:33px;
}

.loclist-searchinput {
position: absolute;
right: 2px;
left: 2px;
z-index: 5;
top: 5px;
display:none;
}




.loclist-searchinput .loclistsearchclose  {
cursor:pointer;
font-size: 22px;
position:relative;
top: -1px;
right: 3px;
padding: 4px;
color:#39878c;
position:absolute;
z-index:2;
}

.loclist-searchinput .loclistsearchclose:hover {
color:#57b2b8;
}



.loclist-searchinput input {
padding-top: 8px;
padding-bottom: 7px;
padding-right: 33px;
position:relative;
z-index:1;
}


.loclistbtn-settings {
display:inline-block;
cursor:pointer;
margin-right:-4px;
font-size: 18px;
padding: 4px;
color:#39878c;
}
.loclistbtn-search {
display:inline-block;
cursor:pointer;
margin-right:-3px;
font-size: 16px;
padding: 4px;
color:#39878c;
}
.loclistbtn-search i {
position:relative;
bottom:1px;
}
.loclistbtn-close {
display:inline-block;
cursor:pointer;
font-size: 22px;
position:relative;
top:1px;
padding: 4px;
color:#39878c;
margin-right:3px;
}

.loclistbtn-close:hover,.loclistbtn-settings:hover,.loclistbtn-search:hover {
color:#57b2b8;
}

.loclist-textinfo {
float:left;
font-size: 12px;
margin-top: 12px;
margin-left:9px;
}

.gymbadgeitem {
display:inline-block;
text-align: center;
color: #39878c;
margin-right: 16px;
cursor:pointer;
}

.gymbadgeitem:hover {

}



.gymbadgeitem .bdicon {
font-size: 23px;
}

.gymbadgeitem .bdtitle {
font-size: 12px;
font-weight: 700;
margin-top: 3px;
}

.bdnone {
color:#39878c;
}
.bdbasic {
color:#333;
}
.bdbronze {
color:#cd7f32;
}
.bdsilver {
color:#b0b0b0;
}
.bdgold {
color:#ffce3d;
}


.loclistload {
width: 100%;
text-align:center;
font-size:12px;
margin-top:8px;
display:none;
}





.bookmarklistitem-hold {
padding:5px 6px 5px 6px;
cursor:pointer;
position:relative;
}

.bookmarklistitem-hold:hover {
background-color: rgba(255,255,255);
}

.bookmarklistitem {
  width:100%;
}

.bkmarkdelete {
  position: absolute;
  right: 3px;
  top: 0px;
  padding: 3px;
  font-size: 15px;
  cursor: pointer;
  color:#c06363;
  display:none;
}

.bkmarkdelete:hover {
  color:#ea8282;
}






.bookmarklistitem_title {
  float:left;
  width: calc(100% - 16px);
  color:#777;
  font-size: 12px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-weight:bold;
}

.bookmarklistitem_title span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bookmarklistitem-hold:hover .bookmarklistitem_title {
color: #333;
}


.bookmarklistitem-hold.bkactivated {
background-color: rgba(255,255,255,0.7);
}
.bookmarklistitem-hold.bkactivated .bookmarklistitem_title {
color: #167b82;
}

.bookmarklistitem-hold.bkactivated .bkmarkdelete {
display:block;
}

.scroll-element.scroll-x {
    display: none !important;
}

.loclistitem-hold {
cursor:pointer;
}

.loclistitem-hold:hover {
background-color: #fcfcfc;
}


.loclistitem_image {
  display:inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid #167b82;
  margin:4px 0px 4px 7px;
}

.loclistitem_image img {
    width: 18px;
    height: 20px;
    position: relative;
    top: 6px;
    left: 7px;
}

.loclistitem_image_pokestop {
  border: 2px solid #63adc9;
}

.loclistitem_image_gym {
  border: 2px solid #d48e5b;
}

.loclistitem_image_raidgym_pending {
  border: 2px solid #ea8995;
}

.loclistitem_image_raidgym_ongoing {
  border: 2px solid #ef6c2f;
}

.loclistitem_title {
  float:right;
  color:#777;
  font-size: 12px;
  width: 186px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 51px;
}

.loclistitem {
position:relative;
}

.loclistitem_title .locmaintitle {
  font-weight:bold;
  white-space: nowrap;
}

.loclistitem_title .locsubtitle {
  color:#888;
  white-space: nowrap;
}

.loclistitem-hold:hover .loclistitem_title .locmaintitle, .loclistitem-hold:hover .loclistitem_title .locsubtitle {
color: #167b82;
}

.loclistitem-hold.activated {
background-color: #fcfcfc;
}

.loclistitem-hold.activated .loclistitem_title .locmaintitle, .loclistitem-hold.activated .loclistitem_title .locsubtitle {
color: #167b82;
}




.raidbossmoves {
  font-size:11px;
}

.themedark a:link {
    color: #27a2aa;
    text-decoration: none;
}

.themedark a:visited {
    text-decoration: none;
    color: #27a2aa;
}

.themedark a:hover {
    text-decoration: none;
    color: #38c1ca;
}

.themedark a:active {
    text-decoration: none;
    color: #27a2aa;
}




button::-moz-focus-inner {
    border: 0;
}

a:focus {
    outline: none;
}

div#map {
    position: absolute;
    top: 30px;
    bottom: 0;
    z-index: 1;
    left: 357px;
    right: 0;
}



a.poploc:link {
    color: #167b82;
    text-decoration: none;
}

a.poploc:visited {
    text-decoration: none;
    color: #167b82;
}

a.poploc:hover {
    text-decoration: none;
    color: #000;
}

a.poploc:active {
    text-decoration: none;
    color: #167b82;
}



.gosettings,.gospecialsettings,.gosearch,.goreportloc,.gosidelist,.gobookmark {
  cursor:pointer;
}

a.gosettings:link,a.gospecialsettings:link,a.gosearch:link,a.goreportloc:link,a.gosidelist:link,a.gobookmark:link {
    color: #1b858c;
    text-decoration: none;
}

a.gosettings:visited,a.gospecialsettings:visited,a.gosearch:visited,a.goreportloc:visited,a.gosidelist:visited,a.gobookmark:visited {
    text-decoration: none;
    color: #1b858c;
}

a.gosettings:hover,a.gospecialsettings:hover,a.gosearch:hover,a.goreportloc:hover,a.gosidelist:hover,a.gobookmark:hover {
    text-decoration: underline;
    color: #005e64;
}

a.gosettings:active,a.gospecialsettings:active,a.gosearch:active,a.goreportloc:active,a.gosidelist:active,a.gobookmark:active {
    text-decoration: none;
    color: #1b858c;
}




.jconfirm-box-container .content .sharethis-inline-share-buttons .st-btn {
padding:0 2px!important;
height: 22px!important;
line-height: 22px!important;
}

.jconfirm-box-container .content .sharethis-inline-share-buttons .st-btn > svg {
top: 3px!important;
}



.settingstabs {
  margin-bottom:15px;
}

.tabset {
  display:none;
}



.settingtab {
  display:inline-block;
  padding: 6px 11px 6px 11px;
  border: 1px solid #9cb7bd;
  margin-right: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  font-weight: bold;
  cursor:pointer;
  color:#348190;
  border-bottom: 0px;
  -moz-box-shadow: inset 0 -6px 6px -6px rgba(7, 53, 62, 0.3);
  -webkit-box-shadow: inset 0 -6px 6px -6px rgba(7, 53, 62, 0.3);
  box-shadow: inset 0 -6px 6px -6px rgba(7, 53, 62, 0.3);
  font-size:12px;
}


.settingtab:hover {
  color:#444;
  border-color:#8aa0a4;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.settingtab-active {
  color:#444;
  border-color:#8aa0a4;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}





a.popinfo:link {
    color: #167b82;
    text-decoration: none;
}

a.popinfo:visited {
    text-decoration: none;
    color: #167b82;
}

a.popinfo:hover {
    text-decoration: none;
    color: #000;
}

a.popinfo:active {
    text-decoration: none;
    color: #167b82;
}

#raidcopy {
  display:inline-block;
  cursor:pointer;
  color:#167b82;
}

#raidcopy:hover {
color: #000;
}


#directlinkbtn {
  display:inline-block;
  cursor:pointer;
  color:#167b82;
}

#directlinkbtn:hover {
color: #000;
}

#newcommentsbtn {
  display:inline-block;
  cursor:pointer;
  color:#167b82;
}

#newcommentsbtn:hover {
color: #000;
}


#sponsorinfo {
position: absolute;
width:100%;
text-align:center;
box-sizing: border-box;
z-index: 10;
bottom: 22px;
display:none;
padding-left: 3px;
}

#loctype {
position: absolute;
width:100%;
text-align:center;
box-sizing: border-box;
z-index: 10;
top: 18px;
padding-left: 3px;
}

#raidinfo {
position: absolute;
left: 0px;
right: 0px;
box-sizing: border-box;
z-index: 10;
top: 114px;
display:none;
cursor:pointer;
}

#raidinfo:hover #raidtimehold  {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);
  border: 2px solid #ddd;
}

#raidinfo:hover #raidmsghold  {
text-shadow: 1px 1px #000;
}

#raidinfo:hover #raidbosshold  {
text-shadow: 1px 1px #000;
}

.raidact {
color:#ff9464;
}

.lureact {
color:#ff8bc7;
}

#raidtimehold {
  background-color: #39878c;
  border-radius: 40px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  border: 2px solid #fff;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2px;
  padding-bottom: 2px;
}


.themedark #raidtimehold {
  background-color: #296569;
}

#sponsormsghold {
  background-color: #39878c;
  border-radius: 40px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  border: 2px solid #fff;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left:10px;
  padding-right:10px;
  color: #fff;
  text-align: center;
  font-size: 10px;
  display: inline-block;
  cursor:pointer;
}

#loctypehold {
  background-color: #39878c;
  border-radius: 40px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  border: 2px solid #fff;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left:10px;
  padding-right:10px;
  color: #fff;
  text-align: center;
  font-size: 10px;
  display: inline-block;
  cursor:pointer;
}

#loctypehold:hover {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
  border: 2px solid #ddd;
}

#sponsormsghold:hover {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
  border: 2px solid #ddd;
}


#raidmsghold {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
}

#raidbosshold {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  font-size: 12px;
  margin-top: 2px;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
}

.raidtime {
color: #fff;
width: 100%;
text-align: center;
padding-top: 2px;
font-weight: bold;
font-size: 13px;
letter-spacing: 1px;
padding-left: 1px;
}

.raidstatus {
color: #fff;
width: 100%;
text-align: center;
font-size: 11px;
padding-left: 1px;
}

.raidstatustop {
color: #fff;
width: 100%;
text-align: center;
font-size: 11px;
padding-left: 1px;
}





div#spammsg {
    position: absolute;
    top: 30px;
    bottom: 0;
    z-index: 2;
    left: 357px;
    right: 0;
    background-color: #ebf5f7;
    padding: 10px 50px 16px 36px;
}

.themedark div#spammsg {
    background-color: #151718;
}

div#chathold {
    position: absolute;
    top: 30px;
    bottom: 0;
    z-index: 5;
    left: 357px;
    right: 0;
    display: none;
    background-color: #fcfcfc;
    padding: 10px 26px 16px 23px;
}


#topchat .msgcount {
  font-weight: bold;
  text-align: center;
  position: relative;
  width: 100%;
  top: 5px;
}

.loginfo {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0px;
  font-size: 11px;
}


#floating-panel {
   position: absolute;
   top: 10px;
   left: 25%;
   z-index: 5;
   background-color: #fff;
   padding: 5px;
   border: 1px solid #999;
   text-align: center;
   font-family: 'Roboto','sans-serif';
   line-height: 30px;
   padding-left: 10px;
 }




.updatestatushold {
  position:absolute;
  left:50%;
  bottom:22px;
  display:none;
  z-index:3;
  pointer-events:none;
  margin-left: 178px;
}

.loadingbtnhold {
  position:absolute;
  left:50%;
  bottom:22px;
  display:none;
  z-index:3;
  pointer-events:none;
  margin-left: 178px;
}

.sidebarRopen .loadingbtnhold {
margin-left: 53px;
}

.sidebarRopen .updatestatushold {
margin-left: 53px;
}


.loadingbtn {
    font-weight: 500;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    height: 29px;
    width: 127px;
    position: relative;
right: 63px;
border: 1px solid #ccc;
}


.updatebtn {
    font-weight: 500;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    height: 29px;
    width: 127px;
    position: relative;
right: 63px;
border: 1px solid #ccc;
}

.updatebtn .spinnerupd {
font-size: 18px;
position: relative;
top: 6px;
left: 9px;
color: #666;
}

.loadingbtn .spinner {
font-size: 18px;
position: relative;
top: 6px;
left: 9px;
color: #666;
}


.spinnertxt {
  color:rgb(86, 86, 86);
  font-family: Roboto,Arial,sans-serif;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
  font-size: 11px;
  font-weight: 400;
  position: absolute;
right: 9px;
line-height: 29px;
display: inline-block;
vertical-align: middle;
font-weight: bold;
}

.updatetxt {
  color:rgb(86, 86, 86);
  font-family: Roboto,Arial,sans-serif;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
  font-size: 11px;
  font-weight: 400;
  position: absolute;
right: 9px;
line-height: 29px;
display: inline-block;
vertical-align: middle;
font-weight: bold;
}

.spinnerupd {
  width: 15px;
  height: 16px;
  -webkit-animation: spin 1.9s infinite ease-in-out;
  animation: spin 1.9s infinite ease-in-out;
opacity:0.9;
}

.spinner {
  width: 15px;
  height: 16px;
  -webkit-animation: spin 1.9s infinite ease-in-out;
  animation: spin 1.9s infinite ease-in-out;
opacity:0.9;
}

  @-moz-keyframes spin {
      from { -moz-transform: rotate(0deg); }
      to { -moz-transform: rotate(360deg); }
  }
  @-webkit-keyframes spin {
      from { -webkit-transform: rotate(0deg); }
      to { -webkit-transform: rotate(360deg); }
  }
  @keyframes spin {
      from {transform:rotate(0deg);}
      to {transform:rotate(360deg);}
  }

  .mapchattxt i {
    font-size: 13px;
    margin-right: 3px;
    position: relative;
    top: 1px;
  }

.filterstxt i {
  font-size: 14px;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.searchtxt i {
 font-size: 13px;
 margin-right: 3px;
 position: relative;
 top: 0px;
}

#map .map_btn_list .loclist_icon.fa-chevron-circle-right {
  margin-right: 5px;
}

#map .map_btn_list .loclist_icon.fa-chevron-circle-left {
  margin-right: 5px;
}

.s2infobtn,.thighlightinfobtn,.parksinfobtn,.priorityinfobtn,.statsinfobtn {
display:inline-block;
font-size: 15px;
vertical-align: top;
margin-left: 7px;
cursor:pointer;
position:relative;
top:5px;
}

.farminginfobtn,.gpsinfobtn,.unconfirmedinfobtn,.exraidsinfobtn,.opacinfobtn,.viewmarkinfobtn,.polyinfoinfobtn {
display:inline-block;
font-size: 15px;
vertical-align: top;
margin-left: 7px;
cursor:pointer;
position:relative;
top:0px;
}

.jconfirm .jconfirm-box div.title-c .icon-c i {
position: relative;
bottom: 1px;
}

.jconfirm .jconfirm-box div.title-c .icon-c i.fa-cog {
position: relative;
bottom: 1px;
}

.toolscopy {
font-size: 12px;
color: #999;
margin-bottom: 10px;
}

.searchcopy {
font-size: 11px;
color: #999;
margin-top: 4px;
text-align: right;
}
.searchfeedback {
font-size: 12px;
color: #d46060;
font-weight: bold;
margin-top: 6px;
margin-right: 3px;
text-align:right;
display:none;
}




.searchtxt {
  color:rgb(86, 86, 86);
  font-family: Roboto,Arial,sans-serif;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
  font-size: 11px;
  font-weight: 400;
line-height: 29px;
display: inline-block;
vertical-align: middle;
padding-left: 8px;
padding-right: 8px;
}


.mapchatbtn {
    font-weight: 500;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    height: 29px;
    position: relative;
right: 10px;
cursor:pointer;
margin-top: 10px;
margin-right: 10px;
border: 1px solid #ccc;
}

.mapchatbtn:hover {
background-color: rgb(244, 244, 244);
box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.4);
}


.filtcheck {
box-sizing: border-box;
position: relative;
line-height: 0;
font-size: 0px;
margin: 0px 8px 0px 0px;
display: inline-block;
background-color: rgb(255, 255, 255);
border: 1px solid rgb(198, 198, 198);
border-radius: 1px;
width: 13px;
height: 13px;
vertical-align: middle;
}


.controls {
       margin-top: 10px;
       border: 1px solid transparent;
       border-radius: 2px 0 0 2px;
       box-sizing: border-box;
       -moz-box-sizing: border-box;
       height: 32px;
       outline: none;
       box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
     }

     #pac-input {
       background-color: #fff;
       font-family: Roboto;
       font-size: 15px;
       font-weight: 300;
       margin-left: 12px;
       padding: 0 11px 0 13px;
       text-overflow: ellipsis;
       width: 300px;
     }

     #pac-input:focus {
       border-color: #4d90fe;
     }

     .pac-container {
       font-family: Roboto;
     }

     #type-selector {
       color: #fff;
       background-color: #4d90fe;
       padding: 5px 11px 0px 11px;
     }

     #type-selector label {
       font-family: Roboto;
       font-size: 13px;
       font-weight: 300;
     }
     #target {
       width: 345px;
     }



.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default {
border: 1px solid #ccc;
}




div#logobar {
    height: 70px;
    background-color: #ebf5f7;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 1;
    display: none;
}

.themedark div#logobar {
    background-color: #151718;
}

div#logobarcontent {
    position: relative;
    z-index: 2;
    margin-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

div#logobarloop {
    height: 13px;
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    background-image: url(../images/bottom-shadow.png);
    background-repeat: repeat-x;
    display: none;
}

.themedark div#logobarloop {
    background-image: url(../images/bottom-shadow-dark.png);
}

div#logobarimage {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}


div#mapcustomad-medium {
    width: 100%;
    text-align: center;
    height: 64px;
    margin-top: 2px;
    display:block;
}

div#mapcustomad-medium div {
    width: 100%;
    height: 64px;
}




div#mapcustomad-small {
    width: 100%;
    text-align: center;
    height: 64px;
    margin-top: 2px;
    display:none;
}

div#mapcustomad-small div {
    width: 100%;
    height: 64px;
}

div#mobilesizead-hold {
  width: 100%;
  text-align: center;
  height: 64px;
  margin-top: 2px;
}

div#mobilesizead {
  width: 320px;
  height: 50px;
  text-align: center;
  display:inline-block;
  position:relative;
  top:6px;
}

div#smallmapad {
    width: 100%;
    text-align: center;
    height: 64px;
    margin-top: 2px;
}

div#smallmapad .adsbygoogle {
    width: 100%;
    height: 64px;
}

div#logobarlogo {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 14px;
}

div#logobarlogo a img {
    width: 100%;
    height: auto;
}

div#logobarsub {
    width: 100%;
    margin-top: 3px;
    color: #717171;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}



div#logobarholder {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    z-index: 1;
    box-sizing: border-box;
    overflow:hidden;
    padding-left: 0px;
    padding-right: 0px;
}

#logobarsubval {
    color: #167b82;
}

.themedark #logobarsubval {
    color: #57b6bd;
}

div#sidebar {
    width: 357px;
    background-color: #f9f9f9;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: 12;
}

.themedark div#sidebar {
    background-color: #151718;
}

div#sidebarR {
    width: 250px;
    background-color: #f9f9f9;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 2;
    display:none;
}

.themedark div#sidebarR {
    background-color: #151718;
}

div#sidebarcontent {
    position: relative;
    z-index: 2;
}

.scrollbar-outer-hold {
position:absolute;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;
}


.scrollbar-outer {
max-height: 250px;
position:relative;
}

.bookmark-scrollbar-outer-hold #bookmark-content {
max-height: 150px;
position:relative;
}

.scrollbar-outer p {
margin:0px;
padding:0px;
}

div#sidebarRcontent {
    position: relative;
    z-index: 2;
}

div#mobilechatiframehold {
  position: relative;
  z-index: -1;
  height: 100%;
  width: 100%;
overflow: hidden;
}

div#mobilechatloop {
    width: 21px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 357px;
    z-index: 13;
    pointer-events: none;
    background-image: url(../images/sidebar-shadow.png);
    background-repeat: repeat-y;
    display:none;
    opacity: 0;
}

.themedark div#mobilechatloop {
    background-image: url(../images/sidebar-shadow-dark.png);
}

div#sidebarloop {
    width: 21px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 357px;
    z-index: 13;
    pointer-events: none;
    background-image: url(../images/sidebar-shadow.png);
    background-repeat: repeat-y;
}

.themedark div#sidebarloop {
    background-image: url(../images/sidebar-shadow-dark.png);
}

div#sidebarRloop {
    width: 12px;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 250px;
    z-index: 2;
    pointer-events: none;
    background-image: url(../images/sidebar-R-shadow.png);
    background-repeat: repeat-y;
    display:none;
}

.themedark div#sidebarRloop {
    background-image: url(../images/sidebar-R-shadow-dark.png);
}

div#sidebarimage,div#sidebarmobileimage,div#sidebarchatimage {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    width: 357px;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

div#sidebarRimage {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    right: 0;
    width: 250px;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}



div#mobilemenuimage {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    width: 200px;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

div#sidebardivide {
    width: 288px;
    height: 1px;
    background-color: #cde0e1;
    margin-top: 17px;
    margin-left: auto;
    margin-right: auto;
}

.themedark div#sidebardivide {
    background-color: #4b6869;
}

div#topbar {
    height: 29px;
    background-color: #ebf5f7;
    position: absolute;
    top: 0;
    left: 357px;
    right: 0;
    z-index: 10;
}

.themedark div#topbar {
    background-color: #151718;
}

div#topbarcontent {
    position: relative;
    z-index: 2;
    margin-top: 2px;
    padding-left: 22px;
}

div#topbarloop {
    height: 13px;
    position: absolute;
    top: 29px;
    left: 357px;
    right: 0;
    z-index: 11;
    pointer-events: none;
    background-image: url(../images/top-shadow.png);
    background-repeat: repeat-x;
}

.themedark div#topbarloop {
    background-image: url(../images/top-shadow-dark.png);
}

div#desktopsizead-hold {
  width: 308px;
  text-align: center;
  margin-top: 46px;
  margin-left: auto;
  margin-right: auto;
  height: 258px;
}

div#desktopsizead {
  width: 300px;
  height: 250px;
  text-align: center;
  display:inline-block;
}

div#mapad {
    width: 288px;
    text-align: center;
    margin-top: 46px;
    margin-left: auto;
    margin-right: auto;
    height: 300px;
}

div#mapcustomad-big {
    width: 288px;
    text-align: center;
    margin-top: 46px;
    margin-left: auto;
    margin-right: auto;
    height: 300px;
}

div#mapadb {
    width: 288px;
    text-align: center;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
    height: 300px;
}

div#sidebarlogo {
    width: 285px;
    height: 46px;
    margin-top: 17px;
    margin-left: auto;
    margin-right: auto;
}

div#sidebarsub {
    width: 100%;
    margin-top: 11px;
    margin-left: auto;
    margin-right: auto;
    color: #717171;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

.themedark div#sidebarsub {
    color: #eee;
}



div#sidebartra {
    width: 100%;
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto;
    color: #777;
    font-size: 12px;
    text-align: center;
}


#subval {
    color: #167b82;
}

.themedark #subval {
    color: #57b6bd;
}

div#mapfooter {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 15px;
    z-index: 2;
    color: #6c6c6c;
    font-size: 11px;
}

.themedark div#mapfooter {
    color: #888;
}

div#mapfooterhead {
    width: 100%;
    text-align: center;
    margin-bottom: 2px;
}

div#mapfootersub {
    width: 100%;
    text-align: center;
}

div#menusocial {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 52px;
    z-index: 2;
}
div#menusocialin {
width: 170px;
text-align: center;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
position: relative;
left: 3px;
}

div#mobilefooter {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 15px;
    z-index: 2;
    color: #6c6c6c;
    font-size: 11px;
}

.themedark div#mobilefooter {
    color: #888;
}

div#mobilefooterhead {
    width: 100%;
    text-align: center;
    margin-bottom: 2px;
}

div#mobilefootersub {
    width: 100%;
    text-align: center;
}




div#mapdimmer {
    position: absolute;
    top: 30px;
    bottom: 0;
    z-index: 15;
    left: 358px;
    right: 0;
    background: rgba(255,255,255,0.55);
    display: none;
}

.sidebarRopen div#mapdimmer {
right:251px;
}

.sidebarRopen .leaflet-right {
right:251px;
}


.themedark div#mapdimmer {
    background: rgba(0,0,0,0.55);
}

div#mapinfobox {
    width: 567px;
    height: 434px;
    background-color: #fff;
    border: 1px solid #aaa;
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.16);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.16);
    box-shadow: 0 0 20px rgba(0,0,0,0.16);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -217px 0 0 -283px;
}

.themedark div#mapinfobox {
  background-color: #181818;
  border: 1px solid #167b82;
}


div#mapinfoboximage {
    width: 567px;
    height: 434px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: url(../images/infoboxbg.jpg);
    background-repeat: no-repeat;
}


.themedark div#mapinfoboximage {
    background-image: url(../images/infoboxbg-dark.jpg);
}


div#mapinfoboxcontent {
    position: relative;
    z-index: 3;
    height: 100%;
}

div#mapinfoboxhold {
    position: relative;
    z-index: 3;
}

div#infoboxbuttons {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    pointer-events: none;
}

#infoboxbeen {
    pointer-events: auto;
}

#infoboxbadge {
    pointer-events: auto;
}

#infoboxfav {
    pointer-events: auto;
}

div#infoboxlowerbuttons {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

div#infoboxfav {
    float: left;
    margin-left: 20px;
    cursor: pointer;
    text-align: center;
}

div#infoboxfav i {
    color: #39878c;
    font-size: 22px;
}

div#infoboxfav div.infoiconhold i.fa-crosshairs {
  font-size: 25px;
    position: relative;
    bottom: 2px;
}

div#infoboxbeen {
    float: left;
    margin-left: 15px;
    cursor: pointer;
    text-align: center;
}

div#infoboxbeen i {
    color: #39878c;
    font-size: 20px;
    position: relative;
    top: 1px;
}


div#infoboxbadge {
    float: left;
    margin-left: 7px;
    cursor: pointer;
    text-align: center;
}

div#infoboxbadge i {
    color: #39878c;
    font-size: 23px;
    position: relative;
    bottom: 1px;
}




div#chatclosebtn {
    float: right;
}

div#chattopbar {
    margin-top: 17px;
    margin-bottom: 16px;
}
div#chatclosebtn {
  position: relative;
  left: 8px;
}

div#chattitle {
    font-weight: 700;
    font-size: 15px;
    color: #167b82;
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
}

div#chattitle:hover {
    color: #2ea3ab;
}

div#chatclosebtn i {
    color: #39878c;
    font-size: 28px;
    position: relative;
    bottom: 5px;
}

div#infoboxclosebtn {
    float: right;
    margin-right: 18px;
    cursor: pointer;
    pointer-events: auto;

}

div#infoboxgotobtn {
    float: right;
    margin-right: 12px;
    cursor: pointer;
    pointer-events: auto;
}

div#infoboxmoreinfobtn {
    float: right;
    margin-right: 12px;
    cursor: pointer;
    pointer-events: auto;
}

div#infoboxdeletebtnbind {
display:none;
}

div#infoboxdeletebtn {
    float: right;
    margin-right: 11px;
    cursor: pointer;
    pointer-events: auto;
}

div#mobilemenuclosebtn  {
    cursor: pointer;
    pointer-events: auto;
    position: absolute;
    top: 11px;
    right: 11px;
}

div#mobilechatclosebtn  {
    cursor: pointer;
    pointer-events: auto;
    position: absolute;
    top: 7px;
    right: 10px;
}

div#infoboxclosehit {
  position: absolute;
  width: 28px;
  height: 32px;
  pointer-events: auto;
  right: 16px;
  top: -7px;
}

div#infoboxgotohit {
  position: absolute;
  width: 28px;
  height: 32px;
  pointer-events: auto;
  right: 78px;
  top: -7px;
}

div#infoboxmoreinfohit {
  position: absolute;
  width: 28px;
  height: 32px;
  pointer-events: auto;
  right: 48px;
  top: -7px;
}

div#infoboxdeletehit {
  position: absolute;
  width: 28px;
  height: 32px;
  pointer-events: auto;
  right: 107px;
  top: -7px;
}



div#mobilemenuclosehit{
  position: absolute;
  width: 46px;
  height: 46px;
  pointer-events: auto;
right: 0px;
top: -2px;
}


div#mobilechatclosehit {
  position: absolute;
  width: 38px;
  height: 34px;
  pointer-events: auto;
right: 0px;
top: -2px;
}


div#chatclosehit {
  position: absolute;
  width: 40px;
  height: 40px;
  pointer-events: auto;
  right: 9px;
  top: 22px;
}

div#infoboxclosebtn i {
    color: #39878c;
    font-size: 28px;
    position: relative;
    bottom: 6px;
}

div#infoboxgotobtn i {
    color: #39878c;
    font-size: 22px;
    position: relative;
    bottom: 3px;
}

div#infoboxmoreinfobtn i {
    color: #39878c;
    font-size: 23px;
    position: relative;
    bottom: 3px;
}

div#infoboxdeletebtn i {
    color: #39878c;
    font-size: 22px;
    position: relative;
    bottom: 3px;
}

div#mobilemenuclosebtn i {
    color: #39878c;
    font-size: 28px;
    position: relative;
    bottom: 4px;
}


div#mobilechatclosebtn i {
    color: #39878c;
    font-size: 24px;
    position: relative;
    bottom: 4px;
}





.themedark div#mobilemenuclosebtn i {
    color: #58afb5;
}

.themedark div#mobilechatclosebtn i {
    color: #58afb5;
}

.themedark div#infoboxclosebtn i {
    color: #58afb5;
}

.themedark div#infoboxgotobtn i {
    color: #58afb5;
}

.themedark div#infoboxmoreinfobtn i {
    color: #58afb5;
}

.themedark div#infoboxdeletebtn i {
    color: #58afb5;
}

.themedark div#infoboxfav i {
    color: #58afb5;
}

.themedark div#infoboxbeen i {
    color: #58afb5;
}
.themedark div#infoboxbadge i {
    color: #58afb5;
}






.infoboxbigbtn {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #ebebeb;
    background-color: rgba(170,170,170,0.1);
}

.btnsmaller .infoboxbigbtn {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background-color: #ebebeb;
    background-color: rgba(170,170,170,0.1);
}

.bigbtnlinkhold {
    position: absolute;
    bottom: 40px;
}

.infoboxbigbtnin {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #f5f5f5;
    position: relative;
    top: 4px;
    left: 4px;
}

.btnsmaller .infoboxbigbtnin {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background-color: #f5f5f5;
    position: relative;
    top: 2px;
    left: 2px;
}

.infoboxbigbtninside {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #f5f5f5;
    border: 2px solid #1c8797;
    position: relative;
    top: 3px;
    left: 3px;
    box-sizing: border-box;
}


.btnsmaller .infoboxbigbtninside {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #f5f5f5;
    border: 2px solid #1c8797;
    position: relative;
    top: 2px;
    left: 2px;
    box-sizing: border-box;
}


.infoboxbigbtninside i {
    color: #1c8797;
    font-size: 25px;
    position: relative;
    top: 4px;
    left: 8px;
}

.btngym {
    right: 65px;
}

.btnexraid {
    right: 112px;
}

.btnpokestop {
    right: 65px;
}

.btngmon {
    right: 78px;
}

.btnpmon {
    right: 78px;
}

.btngteam {
    right: 22px;
}

.btndel {
    right: 18px;
}
.btnpokeconfirm {
    right: 22px;
    display:none;
}
.btngymconfirm {
    right: 22px;
    display:none;
}


.pokeconf {
border-color:#31b9d6;
}
.gymconf {
border-color:#edac75;
}
.teamconf {
border-color:#edac75;
}

.btninfo {
    left: 18px;
}

.btntask {
    left: 18px;
}

.btnalert {
  left: 74px;
}


.btnalert i {
  font-size: 20px;
  top: 7px;
  left: 8px;
}





.btninfo i {
  font-size: 24px;
  top: 6px;
  left: 13px;
}

.btntask i {
  font-size: 21px;
      top: 7px;
      left: 7px;
}

.inpblock {
display: inline-block;
width: 100%;
}

.btngmon i {
    color: #31b9d6;
    top: 7px;
    left: 9px;
    font-size: 24px;
}

.btngym i {
    color: #e7792a;
    top: 7px;
    left: 9px;
    font-size: 24px;
}

.btnpokestop i {
    color: #61c2cb;
    top: 6px;
    left: 8px;
    font-size: 22px;
}

.btngteam i {
    color: #c06363;
    top: 4px;
    left: 8px;
    font-size: 24px;
}

.btndel i {
    color: #c06363;
    top: 5px;
    left: 8px;
    font-size: 24px;
}

.btnsmaller.btndel i {
    color: #c06363;
    top: 5px;
    left: 7px;
    font-size: 22px;
}

.btnpokeconfirm img {
width: 18px;
height: 20px;
position: relative;
top: 7px;
left: 8px;
opacity: 0.8;
}
.btngymconfirm img {
width: 28px;
height: 26px;
position: relative;
top: 4px;
left: 4px;
opacity: 0.8;
}


.btngym img {
    width: 28px;
    height: 26px;
    position: relative;
    top: 3px;
    left: 4px;
    opacity: 0.8;
}

.btnsmaller.btngym img {
    width: 28px;
    height: 26px;
    position: relative;
    top: 2px;
    left: 2px;
    opacity: 0.8;
}

.btnsmaller.btnexraid img {
    width: 19px;
    height: 20px;
    position: relative;
    top: 7px;
    left: 6px;
}

.btnpokestop img {
    width: 18px;
    height: 20px;
    position: relative;
    top: 7px;
    left: 8px;
    opacity: 0.8;
}


.btnsmaller.btnpokestop img {
    width: 18px;
    height: 20px;
    position: relative;
    top: 6px;
    left: 7px;
    opacity: 0.8;
}

.btninfo img {
    width: 28px;
    height: 26px;
    position: relative;
    top: 4px;
    left: 4px;
    opacity: 0.8;
}

.btntask img {
    width: 18px;
    height: 20px;
    position: relative;
    top: 7px;
    left: 8px;
    opacity: 0.8;
}


.infoiconhold {
    height: 25px;
}

#favval {
    font-size: 12px;
    font-weight: 700;
    color: #39878c;
    margin-top: 3px;
}

#beenval {
    font-size: 12px;
    font-weight: 700;
    color: #39878c;
    margin-top: 3px;
}

#badgeval {
    font-size: 12px;
    font-weight: 700;
    color: #39878c;
    margin-top: 3px;
    min-width:46px;
    position: relative;
    left: 1px;
}

#gteamval {
    font-size: 12px;
    font-weight: 700;
    color: #c06363;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 56px;
}

#delval {
    font-size: 12px;
    font-weight: 700;
    color: #39878c;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 47px;
}
#gymconfirmval {
    font-size: 12px;
    font-weight: 700;
    color: #ed8934;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 56px;
}
#pokeconfirmval {
    font-size: 12px;
    font-weight: 700;
    color: #2aacc8;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 56px;
}

#gymval {
    font-size: 12px;
    font-weight: 700;
    color: #39878c;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 47px;
}

#exraidval {
    font-size: 12px;
    font-weight: 700;
    color: #39878c;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 47px;
}


#alertval {
    font-size: 12px;
    font-weight: 700;
    color: #39878c;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 56px;
}

#pokestopval {
    font-size: 12px;
    font-weight: 700;
    color: #39878c;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 47px;
}



#gmonval {
    font-size: 12px;
    font-weight: 700;
    color: #39878c;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 56px;
}
#pmonval {
    font-size: 12px;
    font-weight: 700;
    color: #39878c;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 56px;
}


#infoval {
    font-size: 12px;
    font-weight: 700;
    color: #39878c;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 56px;
}

#taskval {
    font-size: 12px;
    font-weight: 700;
    color: #39878c;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 56px;
}


.themedark #infoval {
    color: #58afb5;
}

.themedark #taskval {
    color: #58afb5;
}

.themedark #alertval {
    color: #58afb5;
}



.themedark #favval {
    color: #58afb5;
}

.themedark #beenval {
    color: #58afb5;
}

.themedark #badgeval {
    color: #58afb5;
}






div#requestbtn {
    width: 200px;
    height: 43px;
    margin-left: auto;
    margin-right: auto;
    color: #757575;
    font-size: 14px;
    background-color: rgba(255,255,255,0.50);
    border-radius: 6px;
    border: 1px solid #b9b9b9;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.10);
    box-shadow: 0 0 3px rgba(0,0,0,0.10);
    font-family: 'Roboto',sans-serif;
    margin-top: 24px;
}

div#requestfeedback {
    text-align: center;
    width: 100%;
    font-weight: 700;
    font-size: 13px;
    margin-top: 12px;
}

div#requestfeedback {
    text-align: center;
    width: 100%;
    font-weight: 700;
    font-size: 13px;
    color: #d46060;
}

div#requestfeedback span {
    color: #408833;
}

div#requestbtn:hover {
    color: #444;
    background-color: rgba(255,255,255,0.78);
    border: 1px solid #999;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    box-shadow: 0 0 3px rgba(0,0,0,0.18);
}

div#requestbtn i {
    margin-left: 8px;
    margin-right: 20px;
    position: relative;
    top: 11px;
    color: #167b82;
    font-size: 22px;
}

div#requestbtn span {
    margin-left: 20px;
    position: relative;
    top: 7px;
}






div#googlelogin {
    width: 224px;
    height: 39px;
    margin-left: auto;
    margin-right: auto;
    color:#167b82;
    font-size: 14px;
    background-color: rgba(255,255,255,0.50);
    border-radius: 6px;
    border: 1px solid #b9b9b9;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.10);
    box-shadow: 0 0 3px rgba(0,0,0,0.10);
    font-family: 'Roboto',sans-serif;
    margin-top: 17px;
}

div#googlelogin:hover {
    color: #444;
    background-color: rgba(255,255,255,0.78);
    border: 1px solid #999;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    box-shadow: 0 0 3px rgba(0,0,0,0.18);
}

div#googlelogin img {
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    top: 7px;
    width: 24px;
    height: 25px;
}

div#googlelogin span {
    margin-left: 16px;
    position: relative;
    bottom: 0px;
    color: #222;
}





div#facebooklogin {
    width: 224px;
    height: 39px;
    margin-left: auto;
    margin-right: auto;
    color:#167b82;
    font-size: 14px;
    background-color: rgba(255,255,255,0.50);
    border-radius: 6px;
    border: 1px solid #b9b9b9;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.10);
    box-shadow: 0 0 3px rgba(0,0,0,0.10);
    font-family: 'Roboto',sans-serif;
    margin-top: 10px;
}

div#facebooklogin:hover {
    color: #444;
    background-color: rgba(255,255,255,0.78);
    border: 1px solid #999;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    box-shadow: 0 0 3px rgba(0,0,0,0.18);
}

div#facebooklogin img {
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    top: 7px;
    width: 24px;
    height: 25px;
}

div#facebooklogin span {
    margin-left: 16px;
    position: relative;
    bottom: 0px;
    color: #222;
}









div#twitterlogin {
    width: 224px;
    height: 39px;
    margin-left: auto;
    margin-right: auto;
    color:#167b82;
    font-size: 14px;
    background-color: rgba(255,255,255,0.50);
    border-radius: 6px;
    border: 1px solid #b9b9b9;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.10);
    box-shadow: 0 0 3px rgba(0,0,0,0.10);
    font-family: 'Roboto',sans-serif;
    margin-top: 17px;
}

div#twitterlogin:hover {
    color: #444;
    background-color: rgba(255,255,255,0.78);
    border: 1px solid #999;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    box-shadow: 0 0 3px rgba(0,0,0,0.18);
}

div#twitterlogin img {
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    top: 7px;
    width: 24px;
    height: 25px;
}

div#twitterlogin span {
    margin-left: 16px;
    position: relative;
    bottom: 0px;
    color: #222;
}








div#sidebarlogin {
    width: 224px;
    height: 43px;
    margin-left: auto;
    margin-right: auto;
    color:#167b82;
    font-size: 14px;
    background-color: rgba(255,255,255,0.50);
    border-radius: 6px;
    border: 1px solid #b9b9b9;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.10);
    box-shadow: 0 0 3px rgba(0,0,0,0.10);
    font-family: 'Roboto',sans-serif;
    margin-top: 17px;
}

.themedark div#sidebarlogin {
    background-color: rgba(255,255,255,0.95);
}

div#sidebarlogin:hover {
    color: #444;
    background-color: rgba(255,255,255,0.78);
    border: 1px solid #999;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    box-shadow: 0 0 3px rgba(0,0,0,0.18);
}

.themedark div#sidebarlogin:hover {
    color: #222;
    background-color: rgba(255,255,255,1.00);
}

.logindivide {
    background-color: #e6eaeb;
    width: 1px;
    height: 43px;
    display: inline-block;
    position: absolute;
}

div#logindivide {
    background-color: #e6eaeb;
    width: 1px;
    height: 43px;
    display: inline-block;
    position: absolute;
}


div#sidebarlogin i {
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    top: 10px;
    font-size: 22px;
}



div#sidebarlogin span {
    margin-left: 16px;
    position: relative;
    top: 7px;
    color: #222;
}

div#toplog {
    display: none;
    font-size: 12px;
}

div#topmenuhold {
    display: none;
    font-size: 12px;
}
div#topchathold {
    display: none;
    font-size: 12px;
}



div#toplogin {
    width: 168px;
    height: 25px;
    color: #777;
    font-weight: 400;
    font-size: 12px;
    background-color: rgba(255,255,255,0.50);
    border-radius: 4px;
    border: 1px solid #b9b9b9;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.10);
    box-shadow: 0 0 2px rgba(0,0,0,0.10);
    margin-top: 4px;
}

div#toplogin:hover {
    color: #222;
    background-color: rgba(255,255,255,0.78);
    border: 1px solid #999;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    box-shadow: 0 0 3px rgba(0,0,0,0.18);
}







.themedark div#toplogin {
    background-color: rgba(255,255,255,0.95);
}

.themedark div#toplogin:hover {
    color: #222;
    background-color: rgba(255,255,255,1.00);
}

.themedark div#topchat {
    background-color: rgba(255,255,255,0.95);
}

.themedark div#topchat:hover {
    color: #222;
    background-color: rgba(255,255,255,1.00);
}

.themedark div#topmenu {
    background-color: rgba(255,255,255,0.95);
}

.themedark div#topmenu:hover {
    color: #222;
    background-color: rgba(255,255,255,1.00);
}








div#toplogindivide {
    background-color: #e6eaeb;
    width: 1px;
    height: 25px;
    display: inline-block;
    position: absolute;
}

div#toplogin i {
    margin-left: 7px;
    margin-right: 6px;
    position: relative;
    top: 6px;
    font-size: 14px;
}

div#toplogin span {
    margin-left: 10px;
    position: relative;
    top: 5px;
    color: #222;
}


.mobilechathold {
  width: 100%;
  max-width:357px;
  background-color: #ebf5f7;
  border-right: 1px solid #a9a9a9;
  top: 0px;
  position: absolute;
  height: 100%;
  bottom: 0px;
  display:none;
}


.mobilemenu {
  width: 100%;
  max-width:357px;
  background-color: #ebf5f7;
  border-right: 1px solid #a9a9a9;
}

.themedark .mobilemenu {
  background-color: #151718;
  border-right: 1px solid #167b82;
}

.mobilechatcontent {
position: relative;
z-index: 5;
height: 100%;
width: 100%;
overflow: hidden;
}

.mobilemenucontent {
position: relative;
z-index: 5;
}

@media ( min-width: 600px ) {
  .mobilemenu {
  }
}

@media ( min-width: 900px ) {
  .mobilemenu {
  }
}


div#topchathit {
position: absolute;
width: 42px;
height: 38px;
top: -4px;
right: 48px;
cursor:pointer;
}

div#topmenuhit {
position: absolute;
width: 42px;
height: 38px;
top: -4px;
right: 5px;
cursor:pointer;
}

div#topmenu {
    width: 31px;
    height: 25px;
    color: #17939b;
    font-weight: 400;
    font-size: 12px;
    background-color: rgba(255,255,255,0.50);
    border-radius: 4px;
    border: 1px solid #b9b9b9;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.10);
    box-shadow: 0 0 2px rgba(0,0,0,0.10);
    margin-top: 4px;
}

div#topmenu:hover {
    color: #444;
    background-color: rgba(255,255,255,0.78);
    border: 1px solid #999;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    box-shadow: 0 0 3px rgba(0,0,0,0.18);
}


div#topmenu i {
    margin-left: 8px;
    margin-right: 8px;
    position: relative;
    top: 4px;
    font-size: 18px;
}

div#topchat {
    width: 31px;
    height: 25px;
    color: #777;
    font-weight: 400;
    font-size: 12px;
    background-color: rgba(255,255,255,0.50);
    border-radius: 4px;
    border: 1px solid #b9b9b9;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.10);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.10);
    box-shadow: 0 0 2px rgba(0,0,0,0.10);
    margin-top: 4px;
}

div#topchat:hover {
    color: #222;
    background-color: rgba(255,255,255,0.78);
    border: 1px solid #999;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.18);
    box-shadow: 0 0 3px rgba(0,0,0,0.18);
}


div#topchat i {
    margin-left: 8px;
    margin-right: 8px;
    position: relative;
    top: 4px;
    font-size: 17px;
    right: 1px;
}










div#toppokemon,div#menupokemon {
    display: inline-block;
    font-size: 12px;
    margin-left: 14px;
}

div#menufaceb,div#menutwit {
    display: inline-block;
    font-size: 12px;
    margin-left: 14px;
}


div#toptwitch,div#menutwitch {
    margin-left: 14px;
    display: inline-block;
    font-size: 12px;
}

div#topscan,div#menuscan,div#menugps {
    display: inline-block;
    font-size: 12px;
}

div#topfb,div#menufb {
    float: right;
    margin-right: 4px;
    margin-top: 3px;
    height: 24px;
    overflow: hidden;
}

div#toptw,div#menutw {
    float: right;
    margin-top: 3px;
    margin-right: 5px;
}

#twitter-widget-0 {
  position: static!important;
  visibility: visible!important;
  width: 63px!important;
  height: 20px!important;
}

#twitter-widget-1 {
  position: static!important;
  visibility: visible!important;
  width: 65px!important;
  height: 20px!important;
}

div#toptwitch img,div#menutwitch img {
    width: 16px;
    height: 16px;
    margin-right: 7px;
    position: relative;
    top: 4px;
    opacity: .8;
}

div#toppokemon img,div#menupokemon img {
    width: 16px;
    height: 16px;
    margin-right: 9px;
    position: relative;
    top: 4px;
    opacity: .55;
}

div#menufaceb img,div#menutwit img {
    width: 16px;
    height: 16px;
    margin-right: 9px;
    position: relative;
    top: 4px;
    opacity: .55;
}

div#topscan img,div#menuscan img,div#menugps img {
    width: 15px;
    height: 16px;
    margin-right: 7px;
    position: relative;
    top: 4px;
    opacity: .75;
}





div#menutwitch,div#menuscan,div#menugps,div#menupokemon,div#menufaceb,div#menutwit {
  width: 100%;
  text-align: center;
  margin: 0px;
}
div#menufb,div#menutw {
margin:0;
display:inline-block;
}
div#menufb{
float:left;
}
div#menutw {
float:left;
margin-left: 2px;
}

div#menuscan {
margin-top: 18px;
}
div#menugps {
margin-top: 9px;
}
div#menupokemon {
margin-top:9px;
}
div#menutwitch {
margin-top: 16px;
}
div#menufaceb {
margin-top:16px;
}
div#menutwit {
margin-top:9px;
}




div#topbar a:link,div.mobilemenucontent a:link {
    color: #666;
    font-weight: 700;
    text-decoration: none;
}

div#topbar a:visited,div.mobilemenucontent a:visited {
    text-decoration: none;
    color: #666;
    font-weight: 700;
}

div#topbar a:hover,div.mobilemenucontent a:hover {
    text-decoration: none;
    color: #167b82;
    font-weight: 700;
}

div#topbar a:active,div.mobilemenucontent a:active {
    text-decoration: none;
    color: #666;
    font-weight: 700;
}






.themedark div#topbar a:link, .themedark div.mobilemenucontent a:link {
    color: #eee;
    font-weight: 700;
    text-decoration: none;
}

.themedark div#topbar a:visited, .themedark div.mobilemenucontent a:visited {
    text-decoration: none;
    color: #eee;
    font-weight: 700;
}

.themedark div#topbar a:hover, .themedark div.mobilemenucontent a:hover {
    text-decoration: none;
    color: #167b82;
    font-weight: 700;
}

.themedark div#topbar a:active, .themedark div.mobilemenucontent a:active {
    text-decoration: none;
    color: #eee;
    font-weight: 700;
}








div.mobilemenucontent a.mobimenu:link {
    color: #666;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #76abaf;
    padding: 8px;
    border-radius: 6px;
    background-color: rgba(255,255,255,0.5);
    min-width: 190px;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 7px;
}

div.mobilemenucontent a.mobimenu:visited {
  color: #666;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid #76abaf;
  padding: 8px;
  border-radius: 6px;
  background-color: rgba(255,255,255,0.5);
  min-width: 190px;
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 7px;
}

div.mobilemenucontent a.mobimenu:hover {
  color: #666;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid #207b81;
  padding: 8px;
  border-radius: 6px;
  background-color: rgba(255,255,255,0.9);
  min-width: 190px;
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 7px;
}

div.mobilemenucontent a.mobimenu:active {
  color: #666;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid #76abaf;
  padding: 8px;
  border-radius: 6px;
  background-color: rgba(255,255,255,0.5);
  min-width: 190px;
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 7px;
}









.themedark div.mobilemenucontent a.mobimenu:link {
    color: #222;
    background-color: rgba(255,255,255,0.90);
}

.themedark div.mobilemenucontent a.mobimenu:visited {
  color: #222;
  background-color: rgba(255,255,255,0.90);
}

.themedark div.mobilemenucontent a.mobimenu:hover {
  color: #000;
  background-color: rgba(255,255,255,1.00);
}

.themedark div.mobilemenucontent a.mobimenu:active {
  color: #222;
  background-color: rgba(255,255,255,0.90);
}







div#infoboxspammsg a:link {
    color: #308a90;
    text-decoration: none;
}

div#infoboxspammsg a:visited {
    color: #308a90;
}

div#infoboxspammsg a:hover {
    color: #000;
}

div#infoboxspammsg a:active {
    color: #308a90;
}


a.requestlink:link {
    color: #167b82;
    font-weight: 700;
    text-decoration: none;
    font-size: 13px;
}

a.requestlink:visited {
    text-decoration: none;
    color: #167b82;
    font-weight: 700;
}

a.requestlink:hover {
    text-decoration: none;
    color: #005e64;
    font-weight: 700;
}

a.requestlink:active {
    text-decoration: none;
    color: #167b82;
    font-weight: 700;
}

div#topbar a.twitchlink:hover,div.mobilemenucontent a.twitchlink:hover {
    text-decoration: none;
    color: #6441A5;
    font-weight: 700;
}

div.mobilemenucontent a.gpslink:hover {
    text-decoration: none;
    color: #167b82;
    font-weight: 700;
}

div#topbar a.scanlink:hover,div.mobilemenucontent a.scanlink:hover {
    text-decoration: none;
    color: #b14545;
    font-weight: 700;
}


div#topbar a.pokelink:hover,div.mobilemenucontent a.pokelink:hover {
    text-decoration: none;
    color: #2b8d8d;
    font-weight: 700;
}

div.mobilemenucontent a.twitlink:hover {
    text-decoration: none;
    color: #2daae1;
    font-weight: 700;
}

div.mobilemenucontent a.faceblink:hover {
    text-decoration: none;
    color: #4a6ea9;
    font-weight: 700;
}



.themedark div#topbar a.scanlink:hover,.themedark div.mobilemenucontent a.scanlink:hover {
    color: #ee6666;
}
.themedark div#topbar a.pokelink:hover,.themedark div.mobilemenucontent a.pokelink:hover {
    color: #42c7c7;
}
.themedark div.mobilemenucontent a.faceblink:hover {
    color: #4a6ea9;
}
.themedark div.mobilemenucontent a.twitlink:hover {
    color: #2daae1;
}
.themedark div#topbar a.twitchlink:hover,.themedark div.mobilemenucontent a.twitchlink:hover {
    color: #ba96ff;
}


.themedark div#menugps a.gpslink:hover {
    color: #289595;
}

.themedark div#menuscan a.scanlink:hover {
    color: #cf4b4b;
}




div#sparkfx {
    position: absolute;
    left: 60px;
    top: 30px;
    opacity: .7;
    -webkit-filter: hue-rotate(126deg);
    filter: hue-rotate(126deg);
    display: none;
}

div#sparkfxsmall {
    position: absolute;
    left: 0;
    top: -110px;
    opacity: .7;
    -webkit-filter: hue-rotate(126deg);
    filter: hue-rotate(126deg);
    display: none;
}

div#usercp {
    width: 288px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 11px;
}

div#userpic {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #167b82;
    float: left;
}

div#userpicin {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    top: 3px;
    left: 3px;
}

div#userpicimg {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    top: 2px;
    left: 2px;
    opacity: .9;
}






div#prouserpic {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #167b82;
    float: right;
}

div#prouserpicin {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    top: 3px;
    left: 3px;
}

div#prouserpicimg {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    top: 2px;
    left: 2px;
    opacity: .9;
}




div#usercp {
    font-size: 12px;
    font-weight: 700;
}

div#userdetails {
    float: left;
    margin-left: 18px;
}

div#username {
    color: #167b82;
    margin-top: 5px;
    font-size: 13px;
}

.themedark div#username {
    color: #2dbbc5;
}

div#userlevel {
    color: #717171;
    margin-top: 3px;
}

.themedark div#userlevel {
    color: #aaaaaa;
}

div#userxp {
    background-color: #afdbde;
    border: 1px solid #167b82;
    height: 7px;
    width: 56px;
    margin-top: 5px;
}

div#userxpbar {
    background-color: #167b82;
    height: 7px;
    width: 0;
    -webkit-transition: width 1.3s ease-in-out;
    -moz-transition: width 1.3s ease-in-out;
    -o-transition: width 1.3s ease-in-out;
    transition: width 1.3s ease-in-out;
}

div#btnlogout {
    width: 23px;
    height: 23px;
    border: 2px solid #167b82;
    border-radius: 50%;
    float: right;
    margin-top: 14px;
}

div#btnpanel {
    width: 23px;
    height: 23px;
    border: 2px solid #167b82;
    border-radius: 50%;
    float: right;
    margin-top: 14px;
    margin-right: 6px;
}

div#btnsettings {
    width: 23px;
    height: 23px;
    border: 2px solid #167b82;
    border-radius: 50%;
    float: right;
    margin-top: 14px;
    margin-right: 6px;
}

div#btnlogout:hover {
    background-color: #167b82;
}

div#btnsettings:hover {
    background-color: #167b82;
}
div#btnpanel:hover {
    background-color: #167b82;
}


div#btnlogout:hover i {
    color: #fff;
}

div#btnsettings:hover i {
    color: #fff;
}

div#btnpanel:hover i {
    color: #fff;
}




div#btnlogout i {
    color: #167b82;
    font-size: 14px;
    position: relative;
    left: 7px;
    top: 5px;
}

div#btnsettings i {
    color: #167b82;
    font-size: 13px;
    position: relative;
    left: 6px;
top: 5px;
}

div#btnpanel i {
    color: #167b82;
    font-size: 15px;
    position: relative;
    left: 6px;
top: 4px;
}









.themedark div#btnlogout {
    border: 2px solid #2dbbc5;
}

.themedark div#btnsettings {
    border: 2px solid #2dbbc5;
}

.themedark div#btnpanel {
    border: 2px solid #2dbbc5;
}

.themedark div#btnlogout:hover {
    background-color: #2dbbc5;
}

.themedark div#btnsettings:hover {
    background-color: #2dbbc5;
}

.themedark div#btnpanel:hover {
    background-color: #2dbbc5;
}

.themedark div#btnlogout i {
    color: #2dbbc5;
}

.themedark div#btnsettings i {
    color: #2dbbc5;
}

.themedark div#btnpanel i {
    color: #2dbbc5;
}







.marker_new_highlighted img {
  filter: saturate(250%) drop-shadow(1px 1px 1px rgba(0,0,0,0.4));
  	-webkit-filter: saturate(250%) drop-shadow(1px 1px 1px rgba(0,0,0,0.4));
  	-moz-filter: saturate(250%) drop-shadow(1px 1px 1px #000); drop-shadow(1px 1px 1px rgba(0,0,0,0.4));
  	-o-filter: saturate(250%) drop-shadow(1px 1px 1px rgba(0,0,0,0.4));
  	-ms-filter: saturate(250%) drop-shadow(1px 1px 1px rgba(0,0,0,0.4));
    animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
-moz-animation: bounce 2s infinite;
-o-animation: bounce 2s infinite;
}


@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
 40% {-webkit-transform: translateY(2px);}
 60% {-webkit-transform: translateY(1px);}
}

@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(2px);}
 60% {-moz-transform: translateY(1px);}
}

@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(2px);}
 60% {-o-transform: translateY(1px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(2px);}
 60% {transform: translateY(1px);}
}






.coinflip {
    -webkit-animation-iteration-count: 4;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-name: orbit;
    -webkit-animation-duration: .4s;
    -moz-animation-iteration-count: 4;
    -moz-animation-timing-function: ease-out;
    -moz-animation-name: orbit;
    -moz-animation-duration: .4s;
    animation-iteration-count: 4;
    animation-timing-function: ease-out;
    animation-name: orbit;
    animation-duration: .4s;
}

@-webkit-keyframes orbit {
    from {
        -webkit-transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(360deg);
    }
}

@-moz-keyframes orbit {
    from {
        -moz-transform: rotateY(0deg);
    }

    to {
        -moz-transform: rotateY(360deg);
    }
}

@keyframes orbit {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}

.coinflipR {
    -webkit-animation-iteration-count: 4;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-name: orbitR;
    -webkit-animation-duration: .4s;
    -moz-animation-iteration-count: 4;
    -moz-animation-timing-function: ease-out;
    -moz-animation-name: orbitR;
    -moz-animation-duration: .4s;
    animation-iteration-count: 4;
    animation-timing-function: ease-out;
    animation-name: orbitR;
    animation-duration: .4s;
}

@-webkit-keyframes orbitR {
    from {
        -webkit-transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(-360deg);
    }
}

@-moz-keyframes orbitR {
    from {
        -moz-transform: rotateY(0deg);
    }

    to {
        -moz-transform: rotateY(-360deg);
    }
}

@keyframes orbitR {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(-360deg);
    }
}

.coinflipU {
    -webkit-animation-iteration-count: 4;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-name: orbitU;
    -webkit-animation-duration: .4s;
    -moz-animation-iteration-count: 4;
    -moz-animation-timing-function: ease-in;
    -moz-animation-name: orbitU;
    -moz-animation-duration: .4s;
    animation-iteration-count: 4;
    animation-timing-function: ease-in;
    animation-name: orbitU;
    animation-duration: .4s;
}

@-webkit-keyframes orbitU {
    from {
        -webkit-transform: rotateX(0deg);
    }

    to {
        -webkit-transform: rotateX(-360deg);
    }
}

@-moz-keyframes orbitU {
    from {
        -moz-transform: rotateX(0deg);
    }

    to {
        -moz-transform: rotateX(-360deg);
    }
}

@keyframes orbitU {
    from {
        transform: rotateX(0deg);
    }

    to {
        transform: rotateX(-360deg);
    }
}

.coinflipD {
    -webkit-animation-iteration-count: 4;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-name: orbitD;
    -webkit-animation-duration: .4s;
    -moz-animation-iteration-count: 4;
    -moz-animation-timing-function: ease-in;
    -moz-animation-name: orbitD;
    -moz-animation-duration: .4s;
    animation-iteration-count: 4;
    animation-timing-function: ease-in;
    animation-name: orbitD;
    animation-duration: .4s;
}

@-webkit-keyframes orbitD {
    from {
        -webkit-transform: rotateX(0deg);
    }

    to {
        -webkit-transform: rotateX(360deg);
    }
}

@-moz-keyframes orbitD {
    from {
        -moz-transform: rotateX(0deg);
    }

    to {
        -moz-transform: rotateX(360deg);
    }
}

@keyframes orbitD {
    from {
        transform: rotateX(0deg);
    }

    to {
        transform: rotateX(360deg);
    }
}


div#mobilelogo {
width: 100%;
text-align: center;
padding-top: 12px;
}

div#mobilelogo img {
max-width: 230px;
}


div#mobilesub {
width: 100%;
font-weight: bold;
font-size: 12px;
color:#717171;
text-align: center;
margin-top: 6px;
}


.themedark div#mobilesub {
color:#eee;
}



div#topbarlogo {
    height: 28px;
    display: none;
    margin-right: 17px;
    position: relative;
    bottom: 0px;
}


div#topbarsub {
    display: none;
    margin-right: 20px;
    position: relative;
    bottom: 8px;
    font-weight: bold;
font-size: 12px;
}

.themedark div#topbarsub {
  color:#eee;
}


div#topusercp {
    height: 25px;
    display: none;
    float: left;
}

div#topuserpic {
    float: left;
    margin-top: 4px;
}

div#topuserpicin {
}

div#topuserpicimg {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    top: 2px;
    left: 2px;
    opacity: .9;
}

div#topusercp {
    font-size: 11px;
    font-weight: 700;
}

div#topuserdetails {
    float: left;
    margin-left: 8px;
}

div#topusername {
    color: #167b82;
    position: relative;
    top: 5px;
    font-size: 11px;
}

.themedark div#topusername {
    color: #2dbbc5;
}


div#topuserlevel {
    color: #717171;
    margin-top: 3px;
}

div#topuserxp {
    background-color: #afdbde;
    border: 1px solid #167b82;
    height: 5px;
    width: 60px;
    position: relative;
    top: 8px;
}

div#topuserxpbar {
    background-color: #167b82;
    height: 5px;
    width: 0;
    -webkit-transition: width 1.3s ease-in-out;
    -moz-transition: width 1.3s ease-in-out;
    -o-transition: width 1.3s ease-in-out;
    transition: width 1.3s ease-in-out;
}

div#topbtnlogout {
    width: 20px;
    height: 20px;
    border: 2px solid #167b82;
    border-radius: 50%;
    float: left;
    margin-top: 6px;
    margin-left: 5px;
}

div#topbtnsettings {
    width: 20px;
    height: 20px;
    border: 2px solid #167b82;
    border-radius: 50%;
    float: left;
    margin-top: 6px;
    margin-left: 5px;
}

div#topbtnpanel {
    width: 20px;
    height: 20px;
    border: 2px solid #167b82;
    border-radius: 50%;
    float: left;
    margin-top: 6px;
    margin-left: 16px;
}

div#topbtnlogout:hover {
    background-color: #167b82;
}

div#topbtnsettings:hover {
    background-color: #167b82;
}

div#topbtnpanel:hover {
    background-color: #167b82;
}



div#topbtnlogout:hover i {
    color: #fff;
}

div#topbtnsettings:hover i {
    color: #fff;
}

div#topbtnpanel:hover i {
    color: #fff;
}




div#topbtnlogout i {
    color: #167b82;
    font-size: 13px;
    position: relative;
    left: 5px;
    top: 4px;
}

div#topbtnsettings i {
    color: #167b82;
    font-size: 13px;
    position: relative;
    left: 4px;
    top: 4px;
}

div#topbtnpanel i {
    color: #167b82;
    font-size: 13px;
    position: relative;
    left: 5px;
    top: 3px;
}










.themedark div#topbtnlogout {
    border: 2px solid #2dbbc5;
}

.themedark div#topbtnsettings {
    border: 2px solid #2dbbc5;
}

.themedark div#topbtnpanel {
    border: 2px solid #2dbbc5;
}


.themedark div#topbtnlogout:hover {
    background-color: #2dbbc5;
}

.themedark div#topbtnsettings:hover {
    background-color: #2dbbc5;
}

.themedark div#topbtnpanel:hover {
    background-color: #2dbbc5;
}

.themedark div#topbtnlogout i {
    color: #2dbbc5;
}

.themedark div#topbtnsettings i {
    color: #2dbbc5;
}

.themedark div#topbtnpanel i {
    color: #2dbbc5;
}





div#reqinfoboxtitle {
    font-weight: 700;
    font-size: 15px;
    color: #39878c;
    text-align: center;
    box-sizing: border-box;
    margin-top: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 226px;
    margin-left: auto;
    margin-right: auto;
}

div#infoboxtitle {
    font-weight: 700;
    font-size: 15px;
    color: #39878c;
    text-align: center;
    box-sizing: border-box;
    margin-top: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 226px;
    margin-left: auto;
    margin-right: auto;
}





.themedark div#infoboxtitle {
color: #42c7c7;
}




div#infoboxdivide {
    width: 221px;
    height: 1px;
    background-color: #cde0e1;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
}

.themedark div#infoboxdivide {
background-color: #167b82;
}

div#infoboxspammsg {
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: #167b82;
    z-index: 4;
    font-size: 13px;
    padding-top: 80px;
    line-height: 18px;
}

div#infoboxspammsg i {
    font-size: 24px;
}



.themedark div#infobox {
    color: #3cacac;
}

.themedark div#infoboxspammsg i {
 color:#3cacac;
}



.deniedmsg {
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
    font-size: 13px;
    margin-bottom: 20px;
}

.faqq {
    margin-bottom: 1px;
}

div#infoboxrequest {
    display: none;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
}

div#infoboxfaq {
    display: none;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    padding-top: 10px;
}

div#infoboxpokemon {
    display: none;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
}

div#infoboxsettings {
    display: none;
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
}

div#infoboxpic {
    width: 310px;
    height: 310px;
    border-radius: 50%;
    background-color: #167b82;
    margin-left: auto;
    margin-right: auto;
    margin-top: 22px;
    position: relative;
    z-index: 8;
}

div#infoboxpicin {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    top: 5px;
    left: 5px;
}


div#infoboxpicraid {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: .86;
    background-color:#000;
    display:none;
}

div#infoboxpicimg {
    width: 296px;
    height: 296px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    top: 2px;
    left: 2px;
    opacity: .85;
}

div#infoboxpicimg:hover {
    opacity: 1;
}

div#markerseo {
    display: none;
}

.inputlist {
    margin-top: 7px;
}

.inputlistfirst {
    margin-top: 18px;
}

.inputinfo {
    margin-top: 7px;
    color: #333;
    display: inline-block;
    margin-bottom: 9px;
    font-size: 13px;
}

.inputlabel {
    margin-right: 2px;
    font-weight: 700;
    display: inline-block;
    font-size: 13px;
}

.select-style {
    overflow: hidden;
    outline: 0 none;
    box-sizing: border-box;
    margin: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.07) inset;
    color: #777;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFF),color-stop(1,#F2F2F2));
    background-image: -o-linear-gradient(bottom,#FFF 0%,#F2F2F2 100%);
    background-image: -moz-linear-gradient(bottom,#FFF 0%,#F2F2F2 100%);
    background-image: -webkit-linear-gradient(bottom,#FFF 0%,#F2F2F2 100%);
    background-image: -ms-linear-gradient(bottom,#FFF 0%,#F2F2F2 100%);
    background-image: linear-gradient(to bottom,#FFF 0%,#F2F2F2 100%);
    display: inline-block;
    border-radius: 6px;
    border: 1px solid #bbb;
}

.select-style select {
    padding: 4px 5px;
    padding-top: 5px;
    width: 100%;
    box-shadow: none;
    background: transparent;
    background-image: none;
    color: #777;
    font-size: 12px;
    cursor: pointer;
    border-radius: 6px;
    border: 0px;
}

.select-style option {
    padding-left: 13px;
    padding-right: 13px;
    font-weight: bold;
}

.select-style select:focus {
    outline: none;
}

input,textarea {
    font-family: Arial,Helvetica,sans-serif;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 8px;
    padding-top: 9px;
    resize: none;
    font-size: 12px;
    outline: 0 none;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0,0,0,0.07) inset;
    color: #777;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFF),color-stop(1,#F6F6F6));
    background-image: -o-linear-gradient(bottom,#FFF 0%,#F6F6F6 100%);
    background-image: -moz-linear-gradient(bottom,#FFF 0%,#F6F6F6 100%);
    background-image: -webkit-linear-gradient(bottom,#FFF 0%,#F6F6F6 100%);
    background-image: -ms-linear-gradient(bottom,#FFF 0%,#F6F6F6 100%);
    background-image: linear-gradient(to bottom,#FFF 0%,#F6F6F6 100%);
    display: inline-block;
    border-radius: 6px;
    border: 1px solid #bbb;
}

input:focus {
    color: #444;
    border: 1px solid #aaa;
}

textarea {
    resize: vertical;
}


#loclistsearchinp {
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFF),color-stop(1,#FAFAFA));
  background-image: -o-linear-gradient(bottom,#FFF 0%,#FAFAFA 100%);
  background-image: -moz-linear-gradient(bottom,#FFF 0%,#FAFAFA 100%);
  background-image: -webkit-linear-gradient(bottom,#FFF 0%,#FAFAFA 100%);
  background-image: -ms-linear-gradient(bottom,#FFF 0%,#FAFAFA 100%);
  background-image: linear-gradient(to bottom,#FFF 0%,#FAFAFA 100%);
}


::placeholder {
color: #999;
}

input[type="submit"] {
    width: 100%;
}

input[type="text"] {
    width: 100%;
}

input[type="number"] {
    width: 100%;
}


textarea {
    width: 100%;
}

input[type="password"] {
    width: 100%;
}

input[type="submit"] {
    font-weight: 700;
    cursor: pointer;
    margin-top: 48px;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFF),color-stop(1,#F2F2F2));
    background-image: -o-linear-gradient(bottom,#FFF 0%,#F2F2F2 100%);
    background-image: -moz-linear-gradient(bottom,#FFF 0%,#F2F2F2 100%);
    background-image: -webkit-linear-gradient(bottom,#FFF 0%,#F2F2F2 100%);
    background-image: -ms-linear-gradient(bottom,#FFF 0%,#F2F2F2 100%);
    background-image: linear-gradient(to bottom,#FFF 0%,#F2F2F2 100%);
}

div#logobarclose {
    position: absolute;
    bottom: 78px;
    left: 10px;
    z-index: 4;
    display: none;
    cursor: pointer;
    opacity:0;
}

div#logobarclose:hover img {
opacity: 1.0;
}


#makelinkinput {
  -webkit-user-select: all; /* Safari */
  -moz-user-select: all; /* Firefox */
  -ms-user-select: all; /* IE10+/Edge */
  user-select: all; /* Standard */
}

div#logobar {
    z-index: 3;
}

div#logobarloop {
    z-index: 3;
}

div#logobarclose img {
    opacity: .75;
}

.jconfirm .jconfirm-box div.title-c {
    font-size: 14px;
    font-weight: 700;
}

.buttons .btn-default {
    padding: 6px 10px;
    border-radius: 6px;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons button {
    text-transform: none;
    font-size: 13px;
}

.content-pane .content {
    font-size: 13px;
}

.jconfirm-scrollpane .jconfirm-box {
    position: relative;
    left: 166px;
    background-color: #ebf5f7;
}

.sidebarRopen .jconfirm-scrollpane .jconfirm-box {
  position: relative;
  left: 41px;
  background-color: #ebf5f7;
}

.jconfirm.jconfirm-white .jconfirm-bg {
    background-color: rgba(0,0,0,1.0);
}

.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default {
    background-color: #fff;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default:hover {
    background-color: #ddd;
}

.mobsize {
    display: none;
}

.normsize {
    display: inline;
}

.gmobsize {
    display: none;
}

.gnormsize {
    display: inline;
}















.gteam1 .infoboxbigbtninside {
border-color:#5b86d0;
}
.gteam2 .infoboxbigbtninside {
border-color:#d05b69;
}
.gteam3 .infoboxbigbtninside {
border-color:#d2c148;
}
.gteam4 .infoboxbigbtninside {
border-color:#858585;
}

.gteam1 #gteamval, .gteam1 #gmonval {
color:#5b86d0;
}
.gteam2 #gteamval, .gteam2 #gmonval {
color:#d05b69;
}
.gteam3 #gteamval, .gteam3 #gmonval {
color:#b9a100;
}
.gteam4 #gteamval, .gteam4 #gmonval {
color:#858585;
}


.btngteam .infoboxbigbtninside img {
position: absolute;
top: 6px;
left: 6px;
opacity: 0.8;
}

.btngmon .infoboxbigbtninside img {
position: absolute;
top: 3px;
left: 4px;
opacity: 0.85;
}


.btnpmon .infoboxbigbtninside img {
position: absolute;
top: 3px;
left: 4px;
opacity: 0.85;
}


.toplink img {
opacity: 0.75!important;
}

.toplink:hover img {
opacity: 1.0!important;
}




















@media (min-width:961px)  {

  .sideclosed #map .map_btn_search a i.searchbtnicon {
  margin-right:0px;
  }

  .sideclosed #map .map_btn_search a .searchbtntxt {
  display:none;
  }


    .sideclosed div#chattitle {
        max-width: 380px;
    }

    .sideclosed div#infoboxtitle {
        max-width: 380px;
    }

    .sideclosed div#mapinfobox {
        margin: -199px 0 0 -283px;
    }

    .sideclosed div#logobar {
        display: block;
    }

    .sideclosed .updatestatushold {
      bottom:112px;
      margin-left:0px;
    }

    .sideclosed .loadingbtnhold {
      bottom:102px;
      margin-left:0px;
    }

    .sideclosed .sidebarRopen .loadingbtnhold {
    margin-left: -125px;
    }

    .sideclosed .sidebarRopen .updatestatushold {
    margin-left: -125px;
    }


    .sideclosed div#logobarloop {
        display: block;
    }

    .sideclosed div#map {
        top: 44px;
        bottom: 70px;
    }

    .sideclosed div#spammsg {
        top: 44px;
        bottom: 70px;
    }


    .sideclosed div#chathold {
      top: 44px;
    }

    .sideclosed div#topusercp {
        display: inline-block;
        float:right;
        position: relative;
        bottom: 3px;
        margin-right: 12px;
    }

    .sideclosed div#topbarlogo {
        display: inline-block;
    }

    .sideclosed div#topbarsub {
        display: inline-block;
    }

    .sideclosed .jconfirm .jconfirm-scrollpane .jconfirm-box {
        position: relative;
        left: -13px;
    }


    .sideclosed div#infoboxspammsg {
        padding-top: 60px;
    }

    .sideclosed div#sidebar,.sideclosed div#sidebarloop {
        display: none;
    }


    .sideclosed div#mobilechatloop {
        opacity: 1.0;
    }

    .sideclosed div.mapchatbtn {
    display:none;
    }




    .sideclosed #reqpagecontenthold{
      padding-bottom: 20px;
    }

    .sideclosed .gmobsize {
        display: inline;
    }

    .sideclosed .gnormsize {
        display: none;
    }

    .sideclosed div#toplogin {
      width: 80px;
      margin-top: 1px;
    }
    .sideclosed div#topmenu {
      margin-top: 1px;
    }
    .sideclosed div#topchat {
      margin-top: 1px;
    }

    .sideclosed div#toplog {
      float:right;
      margin-right: 10px;
    }

    .sideclosed div#topmenuhold {
      float:right;
      margin-right: 10px;
    }
    .sideclosed div#topchathold {
      float:right;
      margin-right: 10px;
    }

    .sideclosed div#topfb {
    display:none;
    }

    .sideclosed div#toptw {
    display:none;
    }


    .sideclosed div#topbarcontent {
        margin-top: 7px;
    }


    .sideclosed div#map,.sideclosed div#topbar,.sideclosed div#mapdimmer,.sideclosed div#topbarloop {
        left: 0;
        right: 0;
    }

    .sideclosed div#mapdimmer {
    top:0px;
    z-index: 5;
    }

    .sideclosed .sidebarRopen div#mapdimmer {
    right:0px;
    }


    .sideclosed div#chathold {
        left: 0;
    }

    .sideclosed div#spammsg {
        left: 0;
    }

    .sideclosed div#toplog {
        display: inline-block;
    }

    .sideclosed div#topmenuhold {
        display: inline-block;
    }
    .sideclosed div#topchathold {
        display: inline-block;
    }

    .sideclosed div#topbar {
        height: 44px;
    }

    .sideclosed div#topbarloop {
        top: 44px;
    }

    .sideclosed div#topbarcontent {
        padding-left: 10px;
    }

    .sideclosed div#topbarcontent {
        padding-left: 10px;
    }

    .sideclosed div#topscan {
    display:none;
    }

    .sideclosed div#toppokemon {
    display:none;
    }

    .sideclosed div#toptwitch {
    display:none;
    }

    .sideclosed .toplink img {
        margin-right: 5px;
    }


    .sideclosed .mobsize {
        display: inline;
    }

    .sideclosed .normsize {
        display: none;
    }

    .sideclosed .loggedin div#topscan {
        margin-top: 3px;
    }

    .sideclosed .loggedin div#toppokemon {
        margin-top: 3px;
    }

    .sideclosed .loggedin div#toptwitch {
        margin-top: 3px;
    }


}







@media (min-width:0px) and (max-width:1250px) {
    .mobsize {
        display: inline;
    }

    .normsize {
        display: none;
    }
}



@media (min-width:0px) and (max-width:1110px) {

}


@media (min-width:0px) and (max-width:960px) {


  #map .map_btn_search a i.searchbtnicon {
  margin-right:0px;
  }

  #map .map_btn_search a .searchbtntxt {
  display:none;
  }


    div#chattitle {
        max-width: 380px;
    }

    div#infoboxtitle {
        max-width: 380px;
    }

    div#mapinfobox {
        margin: -199px 0 0 -283px;
    }

    div#logobar {
        display: block;
    }

    .updatestatushold {
      bottom:112px;
      margin-left:0px;
    }

    .loadingbtnhold {
      bottom:102px;
      margin-left:0px;
    }

    .sidebarRopen .loadingbtnhold {
    margin-left: -125px;
    }

    .sidebarRopen .updatestatushold {
    margin-left: -125px;
    }


    div#logobarloop {
        display: block;
    }

    div#map {
        top: 44px;
        bottom: 70px;
    }

    div#spammsg {
        top: 44px;
        bottom: 70px;
    }


    div#chathold {
      top: 44px;
    }

    div#topusercp {
        display: inline-block;
        float:right;
        position: relative;
        bottom: 3px;
        margin-right: 12px;
    }

    div#topbarlogo {
        display: inline-block;
    }

    div#topbarsub {
        display: inline-block;
    }

    .jconfirm .jconfirm-scrollpane .jconfirm-box {
        position: relative;
        left: -13px;
    }


    div#infoboxspammsg {
        padding-top: 60px;
    }

    div#sidebar,div#sidebarloop {
        display: none;
    }


    div#mobilechatloop {
        opacity: 1.0;
    }

    div.mapchatbtn {
    display:none;
    }




    #reqpagecontenthold{
      padding-bottom: 20px;
    }

    .gmobsize {
        display: inline;
    }

    .gnormsize {
        display: none;
    }

    div#toplogin {
      width: 80px;
      margin-top: 1px;
    }
    div#topmenu {
      margin-top: 1px;
    }
    div#topchat {
      margin-top: 1px;
    }

    div#toplog {
      float:right;
      margin-right: 10px;
    }

    div#topmenuhold {
      float:right;
      margin-right: 10px;
    }
    div#topchathold {
      float:right;
      margin-right: 10px;
    }

    div#topfb {
    display:none;
    }

    div#toptw {
    display:none;
    }


    div#topbarcontent {
        margin-top: 7px;
    }


    div#map,div#topbar,div#mapdimmer,div#topbarloop {
        left: 0;
        right: 0;
    }

    div#mapdimmer {
    top:0px;
    z-index: 5;
    }

    .sidebarRopen div#mapdimmer {
    right:0px;
    }


    div#chathold {
        left: 0;
    }

    div#spammsg {
        left: 0;
    }

    div#toplog {
        display: inline-block;
    }

    div#topmenuhold {
        display: inline-block;
    }
    div#topchathold {
        display: inline-block;
    }

    div#topbar {
        height: 44px;
    }

    div#topbarloop {
        top: 44px;
    }

    div#topbarcontent {
        padding-left: 10px;
    }

    div#topbarcontent {
        padding-left: 10px;
    }

    div#topscan {
    display:none;
    }

    div#toppokemon {
    display:none;
    }

    div#toptwitch {
    display:none;
    }

    .toplink img {
        margin-right: 5px;
    }


    .mobsize {
        display: inline;
    }

    .normsize {
        display: none;
    }

    .loggedin div#topscan {
        margin-top: 3px;
    }

    .loggedin div#toppokemon {
        margin-top: 3px;
    }

    .loggedin div#toptwitch {
        margin-top: 3px;
    }
}

@media (min-width:0px) and (max-width:787px) {

}

@media (min-width:0px) and (max-width:720px) {

  span.topbarsubhide {
    display:none;
  }

}

@media (min-width:0px) and (max-width:618px) {



  .jconfirm .jconfirm-scrollpane .jconfirm-box {
      position: relative;
      left: -15px;
  }

.jconfirm .jconfirm-box div.closeIcon .fa {
  font-size: 20px;
}


  .raidbossmoves {
    font-size:10px;
  }

      #gteamval {
          bottom: 59px;
      }

      #delval {
          bottom: 50px;
      }
      #gymconfirmval {
          bottom: 59px;
      }
      #pokeconfirmval {
          bottom: 59px;
      }

      #gymval {
          bottom: 50px;
      }

      #exraidval {
          bottom: 50px;
      }

      #alertval {
          bottom: 59px;
      }

      #pokestopval {
          bottom: 50px;
      }


      #gmonval {
          bottom: 59px;
      }
      #pmonval {
          bottom: 59px;
      }


      #infoval {
          bottom: 59px;
      }
      #taskval {
          bottom: 59px;
      }


    div#logobarclose {
        display: block;
    }

    div#chattitle {
        max-width: 300px;
    }
    div#infoboxtitle {
        max-width: 300px;
    }

    .toplink .mobsize {
        display: none;
    }


    #twitchviewword {
        display: none;
    }

    div#infoboxspammsg {
        padding-top: 44px;
    }



        div#infoboxpic {
          margin-top: 0px;
        }

    div#mapinfobox {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin: 0;
        bottom: 0;
        box-sizing: border-box;
        background-color: #fff;
        border: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .themedark div#mapinfobox {
      background-color: #181818;
    }

    div#mapinfoboxcontent {
        height: 100%;
        padding-top: 48px;
        box-sizing: border-box;
    }

    div#logobar {
        z-index: 3;
    }

    div#logobarloop {
        z-index: 3;
    }

    .bigbtnlinkhold {
        bottom: 5px;
    }

    div#mapinfoboximage {
        display: none;
    }

    div#infoboxbuttons {
        top: 72px;
    }

    div#infoboxlowerbuttons {
        bottom: 6px;
    }

    div#infoboxtitle {
        margin-top: 24px;
    }

    div#reqinfoboxtitle {
        margin-top: 28px;
    }



        div#infoboxtitle {
            width: 100%;
            text-align: left;
            padding-left: 22px;
            margin-left: 0;
            margin-right: 0;
        }



        #infoboxclosebtn i {
            bottom: 0;
        }

        #infoboxgotobtn i {
            bottom: 0;
        }

        #infoboxmoreinfobtn i {
            bottom: 0;
        }

        #infoboxdeletebtn i {
            bottom: 0;
        }

        div#infoboxdivide {
            margin-left: 22px;
            width: 170px;
        }


        div#infoboxbeen i {
            font-size: 18px;
        }

        div#infoboxbadge i {
            font-size: 21px;
        }

        div#infoboxfav i {
            font-size: 18px;
        }


        #beenval {
            font-size: 11px;
            margin-top: 0;
        }
        #badgeval {
            font-size: 11px;
            margin-top: 0;
        }

        #favval {
            font-size: 11px;
            margin-top: 0;
        }

        #delval {
            font-size: 11px;
        }
        #pokeconfirmval {
            font-size: 11px;
        }
        #gymconfirmval {
            font-size: 11px;
        }
        #gymval {
            font-size: 11px;
        }
        #exraidval {
            font-size: 11px;
        }
        #alertval {
            font-size: 11px;
        }
        #pokestopval {
            font-size: 11px;
        }
        #gmonval {
            font-size: 11px;
        }
        #pmonval {
            font-size: 11px;
        }
        #gteamval {
            font-size: 11px;
        }

            #infoval {
                font-size: 11px;
            }
            #taskval {
                font-size: 11px;
            }
            div#infoboxfav,div#infoboxbeen,div#infoboxbadge {
                margin-top: 35px;
            }


        div#infoboxbeen {
            margin-left: 13px;
        }

        div#infoboxbadge {
            margin-left: 5px;
        }


        div#infoboxtitle {
            font-size: 14px;
        }

        div#chattitle {
            max-width: 226px;
        }
        div#infoboxtitle {
            max-width: 226px;
        }




}





@media (min-width:0px) and (max-width:618px) and (min-height:0px) and (max-height:573px) {
  div#infoboxpic {
      width: 280px;
      height: 280px;
      left: 50%;
      margin-left: -140px;
  }

  div#raidinfo {
    top: 104px;
  }

  div#sponsorinfo {
      bottom: 17px;
  }

  div#loctype {
      top: 16px;
  }

  #sponsormsghold {
    font-size:9px;
  }

  #loctypehold {
    font-size:9px;
  }

  #raidmsghold,#raidbosshold {
    font-size:11px;
  }

  .raidtime {
    font-size:11px;
  }
  .raidstatus {
    font-size:11px;
  }


  div#infoboxpicin {
      width: 270px;
      height: 270px;
  }

  div#infoboxpicimg {
      width: 266px;
      height: 266px;
  }
}





@media (min-width:0px) and (max-width:618px) and (min-height:0px) and (max-height:530px) {
  div#infoboxpic {
      width: 220px;
      height: 220px;
      left: 50%;
      margin-left: -110px;
  }

  div#raidinfo {
    top: 78px;
  }

  div#sponsorinfo {
      bottom: 17px;
  }

  div#loctype {
      top: 16px;
  }

  #sponsormsghold {
    font-size:9px;
  }

  #loctypehold {
    font-size:9px;
  }

  #raidmsghold,#raidbosshold {
    font-size:11px;
  }

  .raidtime {
    font-size:11px;
  }
  .raidstatus {
    font-size:11px;
  }


  div#infoboxpicin {
      width: 210px;
      height: 210px;
  }

  div#infoboxpicimg {
      width: 206px;
      height: 206px;
  }
}




@media (min-width:0px) and (max-width:618px) and (min-height:0px) and (max-height:456px) {
  div#infoboxpic {
      width: 180px;
      height: 180px;
      left: 50%;
      margin-left: -90px;
  }

  div#raidinfo {
    top: 59px;
  }

  div#sponsorinfo {
      bottom: 17px;
  }

  div#loctype {
      top: 16px;
  }

  #sponsormsghold {
    font-size:9px;
  }

  #loctypehold {
    font-size:9px;
  }

  #raidmsghold,#raidbosshold {
    font-size:11px;
  }

  .raidtime {
    font-size:11px;
  }
  .raidstatus {
    font-size:11px;
  }


  div#infoboxpicin {
      width: 170px;
      height: 170px;
  }

  div#infoboxpicimg {
      width: 166px;
      height: 166px;
  }
}



@media (min-width:0px) and (max-width:615px) {


  div#topbarsub {
    display:none;
  }

  div#topbarlogo {
      margin-right: 0px;
  }



}



@media (min-width:0px) and (max-width:490px) {

div#mapcustomad-small {
  display:block;
}
div#mapcustomad-medium {
  display:none;
}


}


@media (min-width:0px) and (max-width:438px) {



    div#infoboxspammsg {
        padding-top: 20px;
    }



}

@media (min-width:0px) and (max-width:390px) {


  div#reqinfoboxtitle {
      font-size: 13px;
  }

  div#chattitle {
      max-width: 180px;
  }
  div#infoboxtitle {
      max-width: 180px;
  }


    div#chatclosehit {
      right: 14px;
    }

    div#logobarlogo {
        margin-top: 10px;
    }


    div#logobarlogo a img {
        width: 80%;
    }


    div#logobarclose {
        display: block;
    }



}


@media (min-width:0px) and (max-width:414px) {

  div#topuserdetails {
      display: none;
  }
  div#topbtnsettings {
    margin-left: 5px;
  }

  div#topbtnpanel {
    margin-left: 7px;
  }

}


@media (min-width:0px) and (max-width:322px) {

  div#topuserpic {
      display: none;
}

}




@media (min-width:0px) and (max-width:348px) {

      div#toplogin div#toplogindivide, div#toplogin span {
      display:none;
      }
     div#toplogin {
       width: 31px;
     }
     div#toplogin i {
     margin-left: 8px;
     }

}


@media (min-width:0px) and (max-width:340px) {

  div#raidinfo {
    top: 45px;
  }

  div#sponsorinfo {
      bottom: 22px;
  }

  div#loctype {
      top: 15px;
  }

  #sponsormsghold {
    font-size:9px;
  }

  #loctypehold {
    font-size:9px;
  }


  #raidmsghold,#raidbosshold {
    font-size:11px;
  }

  .raidtime {
    font-size:11px;
  }
  .raidstatus {
    font-size:11px;
  }


  div#chattitle {
      max-width: 170px;
  }
  div#infoboxtitle {
      max-width: 170px;
  }


    div#reqinfoboxtitle {
        font-size: 12px;
    }

  div#mobilelogo img {
  max-width: 204px;
  }

    div#infoboxspammsg {
        padding-top: 10px;
    }

    div#spammsg {
        padding: 10px 20px 16px 16px;
    }

    div#infoboxpic {
        width: 170px;
        height: 170px;
        left: 50%;
        margin-left: -85px;
    }

    div#infoboxpicin {
        width: 160px;
        height: 160px;
    }

    div#infoboxpicimg {
        width: 156px;
        height: 156px;
    }

    div#logobarlogo {
        margin-top: 14px;
    }

}



@media (min-height:0px) and (max-height:322px) {

  div#menusocial {
  display:none;
  }

  div#menuscan {
    margin-top: 10px;
  }

}



@media (min-height:0px) and (max-height:240px) {
    div#mapfooter {
        display: none;
    }

}



@media (min-width:0px) and (max-width:390px) and (min-height:0px) and (max-height:418px) {
    div#infoboxpic {
        width: 130px;
        height: 130px;
        left: 50%;
        margin-left: -65px;
    }

    div#infoboxpicin {
        width: 120px;
        height: 120px;
    }

    div#infoboxpicimg {
        width: 116px;
        height: 116px;
    }


    div#raidinfo {
      top: 7px;
    }

    div#sponsorinfo {
        bottom: -28px;
    }

    div#loctype {
        top: -22px;
    }


    #raidmsghold, #raidbosshold {
    font-size: 10px;
    background-color: #39878c;
border-radius: 30px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
border: 2px solid #fff;
margin-left: auto;
margin-right: auto;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
box-sizing: border-box;
  }

  .raidact {
    color:#fff;
  }


  .lureact {
    color:#fff;
  }


}




@media (min-width:0px) and (max-width:390px) and (min-height:0px) and (max-height:350px) {
    div#infoboxpic {
        width: 98px;
        height: 98px;
        left: 50%;
        margin-left: -49px;
    }

    div#infoboxpicin {
        width: 88px;
        height: 88px;
    }

    div#infoboxpicimg {
        width: 84px;
        height: 84px;
    }


    div#raidinfo {
      top: 7px;
    }

    div#sponsorinfo {
        bottom: -28px;
    }

    div#loctype {
        top: -22px;
    }


    #raidmsghold, #raidbosshold {
    font-size: 10px;
    background-color: #39878c;
border-radius: 30px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
border: 2px solid #fff;
margin-left: auto;
margin-right: auto;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
box-sizing: border-box;
  }

  .raidact {
    color:#fff;
  }


  .lureact {
    color:#fff;
  }


}