@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;
}


.marker_pokemon_name_hold {
position:relative;
display: flex;
justify-content: center;
}

.marker_pokemon_name {
  position: absolute;
  flex-shrink: 0;
  top: -16px;
  background-color: #167b82;
  border-radius: 10px;
  padding-left: 6px;
  padding-right: 6px;
  color: #fff;
  font-size: 11px;
  box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.4);
}

.radiogroup {
padding: 5px;
padding-right: 7px;
padding-left: 7px;
}

.radiogroup label {
font-size: 12px;
cursor:pointer;
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
margin-left: 3px;
}
.radiogroup input {
margin-top: -1px;
vertical-align: middle;
cursor:pointer;
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}

.radiohold {
white-space:nowrap;
margin-bottom:7px;
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}


.radiogroup .radiohold:last-of-type {
margin-bottom:0px;
}

.radiogrouphori .radiohold {
display:inline-block;
margin-bottom:0px;
margin-right:11px;
}

.radiogrouphori .radiohold:last-of-type {
margin-right:0px;
}


#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;
height:16px;
}

.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,#map .map_btn_alerts,#map .map_btn_tools {
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,#map .map_btn_alerts a,#map .map_btn_tools 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,#map .map_btn_alerts a i,#map .map_btn_tools 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: #717171;
font-weight: normal;
position: absolute;
top: -2px;
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_nest {
  border: 2px solid #57a059;
}

.loclistitem_image_pokemon {
  border: 2px solid #bead39;
}

.loclistitem_image_priv {
  border: 2px solid #a05757;
}

.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,,.mymapdirectlink,.linkaddloc,.linkprivmap,.addloclink,.infoboxlink {
  cursor:pointer;
}

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

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

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

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




.gotoastrsettings,.gosidelisttoast {
  cursor:pointer;
}

a.gotoastrsettings:link,a.gosidelisttoast:link {
    color: #fff;
    text-decoration: underline;
    font-weight:bold;
}

a.gotoastrsettings:visited,a.gosidelisttoast:visited {
  color: #fff;
  text-decoration: underline;
  font-weight:bold;
}

a.gotoastrsettings:hover,a.gosidelisttoast:hover {
    text-decoration: underline;
    color: #fff;
    font-weight:bold;
}

a.gotoastrsettings:active,a.gosidelisttoast:active {
  color: #fff;
  text-decoration: underline;
  font-weight:bold;
}



.jconfirm-box button {
outline: 0;
}

.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;
}
.stepset {
  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;
}

#copyradiuscommandbtn {
  display:inline;
  cursor:pointer;
  color:#167b82;
}

#copyradiuscommandbtn:hover {
color: #000;
}

#copyradiuscommandbtn_list {
  display:inline;
  cursor:pointer;
  color:#167b82;
}

#copyradiuscommandbtn_list:hover {
color: #000;
}

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

#newcommentsbtn:hover {
color: #000;
}

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

#viewhistbtn:hover {
color: #000;
}

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

#copymymaplinkbtn:hover {
color: #000;
}

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

#copyspawnlinkbtn:hover {
color: #000;
}



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

#viewmapstatsbtn:hover {
color: #000;
}

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

#viewpokemonstatsbtn: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;
}

#campsiteinfo {
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: 20px;
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;
}

#campsitemsghold {
  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;
}

#campsitemsghold: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;
}

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

.alertradiusbtnhold {
  position:absolute;
  left:50%;
  bottom:102px;
  z-index:4;
  pointer-events:none;
  margin-left: 178px;
  display:none;
}

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

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

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

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

.labelimg {
display:inline-block;
width:18px;
margin-left:6px;
cursor:pointer;
position:relative;
margin-right: -4px;
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}

.loadingbtn {
    font-weight: 500;
    background-color: rgba(255, 255, 255,0.7);
    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;
letter-spacing: 0px;
}

.marklocbtn {
    font-weight: 500;
    background-color: rgba(255, 255, 255,1.0);
    box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    height: 29px;
    width: 100px;
    position: relative;
    cursor:pointer;
    pointer-events:auto;
right: 50px;
border: 1px solid #ccc;
letter-spacing: 0px;
}


.alertradiusbtns {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
  position: absolute;
right: 11px;
display: inline-block;
vertical-align: middle;
height: 100%;
line-height: 0px;
padding-top: 2px;
letter-spacing: 0px;
}

.alertradiusbtns button {
background-image: none;
font-weight: bold;
text-shadow: none;
-webkit-transition: background .1s;
transition: background .1s;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: none;
color: #333;
text-transform: none;
font-size: 10px;
padding: 6px 6px;
border-radius: 6px;
outline: 0;
-webkit-appearance: button;
cursor: pointer;
overflow: visible;
letter-spacing: 0px;
}

.alertradiusbtns button:hover {
background: #ddd;
}


.alertradiusbtn {
    font-weight: 500;
    background-color: rgba(255, 255, 255,1.0);
    box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.6);
    border-radius: 2px;
    height: 29px;
    width: 280px;
    position: relative;
    pointer-events:auto;
right: 140px;
border: 1px solid #bbb;
letter-spacing: 0px;
}

.marklocbtn:hover {
border-bottom: 1px solid #ccc;
color: black;
background-color: #f4f4f4;
}




.updatebtn {
    font-weight: 500;
    background-color: rgba(255, 255, 255,0.7);
    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;
letter-spacing: 0px;
}

.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;
}

.marklocbtn .spinnermark {
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;
}

.markloctxt {
  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;
}

.alertradiustxt {
  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;
left: 11px;
line-height: 29px;
display: inline-block;
vertical-align: middle;
font-weight: bold;
}

.alertradiusinput {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
  position: absolute;
right: 104px;
line-height: 29px;
display: inline-block;
vertical-align: middle;
}

.alertradiusbtnhold .alertradiusinput #meterrange {
  width: 82px;
      padding: 0px;
      vertical-align: middle;
      position: relative;
      bottom: 1px;
}

.alertradiusbtnhold .alertradiusinput #meterrangeadv,.alertradiusbtnhold .alertradiusinput #meterrangelat,.alertradiusbtnhold .alertradiusinput #meterrangelng {
  width: 42px;
  padding: 0px;
  vertical-align: middle;
  position: relative;
  bottom: 1px;
  padding:0px 4px;
  border-radius: 6px;
  height: 25px;
  font-size: 11px;
}

.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;
}

.spinnermark {
  width: 15px;
  height: 16px;
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;
}

.labelhold {
float: left;
margin-right: 10px;
margin-top: 6px;
}

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

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

.farminginfobtn,.gpsinfobtn,.unconfirmedinfobtn,.exraidsinfobtn,.opacinfobtn,.viewmarkinfobtn,.polyinfoinfobtn,.radiusinfoinfobtn,.radiusraidsinfobtn,.radiustasksinfobtn,.radiusnestsinfobtn,.radiusspawnsinfobtn,.radiusinvadeinfobtn,.radiuslocsinfobtn,.radiusaddressinfobtn,.radiusbasicinfobtn {
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;
}


#newscroll_holder #newscroll_content {
max-height: 220px;
position:relative;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}


.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: 18px;
    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: 248px;
    height: 39px;
    margin-top: 18px;
    margin-left: auto;
    margin-right: auto;
}

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

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


#infoboxmigrate {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #717171;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  margin-top: 27px;
  display:none;
}


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


.migrationval {
    color: #167b82;
}

.themedark .migrationval {
    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 {
display: inline-block;
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;
}





#invadeRletter {
  font-weight: bold;
      font-size: 20px;
      text-align: center;
      color: rgb(57, 135, 140);
      padding-top: 6px;
}



#routesiconbtn img {
width: 14px;
height: 19px;
position: relative;
top:7px;
left: 12px;
opacity:0.9;
}





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: 7px;
    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: 14px;
  top: -7px;
}

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

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

div#infoboxdeletehit {
  position: absolute;
  width: 28px;
  height: 32px;
  pointer-events: auto;
  right: 106px;
  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: 27px;
    position: relative;
    bottom: 6px;
}

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

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

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

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


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


.reploclisttrash {
margin-left: 5px;
padding: 3px;
}

.reploclisttrash i {
font-size: 13px;
color:#39878c;
}

.reploclisttrash:hover i {
color:#57b2b8;
}


.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: #39878c;
}

.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: 35px;
}

.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;
}

.btnnest {
    left: 18px;
}

.btnalert {
  left: 74px;
}

.btninvade {
  left: 74px;
}

.btnroutes {
  left: 130px;
}


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

.btninvade i {
  font-size: 19px;
  top: 7px;
  left: 8px;
}


.btnroutes i {
  font-size: 19px;
  top: 7px;
  left: 8px;
}

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

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

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

.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;
}

.btnnest 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;
}

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

#routesval {
    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;
}

#nestval {
    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 #nestval {
    color: #58afb5;
}

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

.themedark #invadeval {
    color: #58afb5;
}
.themedark #routesval {
    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: 1px;
    color: #222;
}





div#discordlogin {
    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#discordlogin: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#discordlogin img {
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    top: 7px;
    width: 24px;
    height: 25px;
}

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




div#invitediscord {
    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;
    margin-bottom: 14px;
}

div#invitediscord: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#invitediscord img {
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    top: 7px;
    width: 24px;
    height: 25px;
}

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



div#joindiscord {
    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;
    margin-bottom: 14px;
}

div#joindiscord: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#joindiscord img {
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    top: 7px;
    width: 24px;
    height: 25px;
}

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





div#joindiscordin {
    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;
    margin-bottom: 14px;
}

div#joindiscordin: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#joindiscordin img {
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    top: 7px;
    width: 24px;
    height: 25px;
}

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







div#joindiscordingm {
    width: 224px;
    height: 33px;
    margin-left: auto;
    margin-right: auto;
    color:#167b82;
    font-size: 11px;
    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;
    margin-bottom: 14px;
}

div#joindiscordingm: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#joindiscordingm img {
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    top: 5px;
    width: 24px;
    height: 25px;
}

div#joindiscordingm span {
    margin-left: 16px;
    position: relative;
    bottom: 5px;
    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: 17px;
}

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: 1px;
    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: 1px;
    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.75);
    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: 22px;
}

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

div#sidebarlogin:hover {
    color: #444;
    background-color: rgba(255,255,255,0.92);
    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: 39px;
    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;
}





.btnpokeconfirm, .btngymconfirm, .btndel, .btngym, .btnpokestop, .btnexraid, .btnshowcase {
  bottom: 38px;
}







@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,div#topwizards,div#menuwizards {
    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#topdiscord,div#menudiscord {
    margin-left: 14px;
    display: inline-block;
    font-size: 12px;
}


div#topscan,div#menuscan,div#menugps,div#menuwizards {
    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: 0px;
}

#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#topdiscord img,div#menudiscord img {
    width: 16px;
    height: 16px;
    margin-right: 7px;
    position: relative;
    top: 4px;
    opacity: .8;
}


div#toppokemon img,div#topwizards img,div#menupokemon img,div#menuwizards 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,div#menuwizards img {
    width: 15px;
    height: 16px;
    margin-right: 7px;
    position: relative;
    top: 4px;
    opacity: .75;
}





div#menutwitch,div#menuscan,div#menugps,div#menuwizards,div#menupokemon,div#menufaceb,div#menutwit,div#menudiscord {
  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: 0px;
}

div#menuscan {
margin-top: 20px;
}
div#menugps {
margin-top: 9px;
}
div#menuwizards {
margin-top: 9px;
}
div#menupokemon {
margin-top:9px;
}
div#menutwitch {
margin-top: 16px;
}
div#menudiscord {
margin-top: 9px;
}
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#topbar a.discordlink:hover,div.mobilemenucontent a.discordlink:hover {
    text-decoration: none;
    color: #4148a5;
    font-weight: 700;
}

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

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

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

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



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

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

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

div.mobilemenucontent a.wizardslink:hover {
    text-decoration: none;
    color: #167b82;
    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#topbar a.discordlink:hover,.themedark div.mobilemenucontent a.discordlink: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;
    cursor:pointer;
}

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;
    cursor:pointer;
}

div#username:hover {
color: #005e64;
}

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

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

div#userlevel:hover {
color: #005e64;
}

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

div#userxp {
    background-color: #afdbde;
    border: 1px solid #167b82;
    height: 7px;
    width: 80px;
    margin-top: 5px;
    cursor:pointer;
    overflow: hidden;
}


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: 13px;
    position: relative;
    left: 6px;
top: 5px;
}

div#btnsettings i {
    color: #167b82;
    font-size: 13px;
        position: relative;
        left: 5px;
        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: 248px;
}


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: -2px;
}


div#topbarsub {
    display: none;
    margin-right: 0px;
    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;
    cursor:pointer;
}

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;
    cursor:pointer;
}

div#topusername:hover {
color: #005e64;
}

.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;
    cursor:pointer;
    overflow: hidden;
}

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: 10px;
}

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: 5px;
}

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: 4px;
    top: 4px;
}

div#topbtnsettings i {
    color: #167b82;
    font-size: 12px;
        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;
}





#btnsettings {
margin-right:0px;
}

#btnlogout {
margin-right:6px;
}

#topbtnpanel {
margin-left: 5px;
}

#topbtnlogout {
margin-left: 10px;
}






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: 290px;
    height: 290px;
    border-radius: 50%;
    background-color: #167b82;
    margin-left: auto;
    margin-right: auto;
    margin-top: 22px;
    position: relative;
    z-index: 8;
}

div#infoboxpicin {
    width: 280px;
    height: 280px;
    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: .72;
    background-color:#000;
    display:none;
}

div#infoboxpicimg {
    width: 276px;
    height: 276px;
    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:not([type='radio']):not([type="checkbox"]),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[type='radio'] {
    display: inline-block;
    border-radius: 6px;
    border: 1px solid #999;
}

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

input[type='radio']:focus {
    border: 1px solid #333;
}

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;
}










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

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


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

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

#map .map_btn_list a .loclistbtntxt {
display:none;
}


#map .map_btn_alerts a .alertsbtntxt {
display:none;
}

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



.toolsrow {
margin-top: 7px;
}

.toolsbox {
display:inline-block;
width: 31%;
height:70px;
text-align:center;
background-color:#fff;
border:1px solid #ccc;
cursor:pointer;
box-sizing:border-box;
border-radius: 6px;
position:relative;
}

.toolsbox-mid {
width: 32%;
}

.toolsbox-gap {
display:inline-block;
width: 3%;
height:70px;
box-sizing:border-box;
}

.toolsbox-sgap {
display:inline-block;
width: 3%;
height:70px;
box-sizing:border-box;
}

.toolsbox-specialgap {
display:inline-block;
width: 3%;
height:70px;
box-sizing:border-box;
display: none;
}

.toolsbox:hover {
background-color:#fafafa;
border:1px solid #aaa;
}


.toolsbox-icon {
position: absolute;
left: 0px;
right: 0px;
top: 8px;
font-size: 19px;
color:#4885a3;
}
.toolsbox-icon i {
margin:0px;
}
.toolsbox-title {
position: absolute;
left: 0px;
right: 0px;
bottom: 5px;
color:#666;
font-size:12px;
}



@media (min-width:961px)  {


    .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 .marklocbtnhold {
      bottom:102px;
      margin-left:0px;
    }

    .sideclosed .alertradiusbtnhold {
      bottom:182px;
      margin-left:0px;
    }

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

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

    .sideclosed .sidebarRopen .alertradiusbtnhold {
    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#topwizards {
    display:none;
    }

    .sideclosed div#toptwitch {
    display:none;
    }

    .sideclosed div#topdiscord {
    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#topwizards {
        margin-top: 3px;
    }

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


}







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

    .normsize {
        display: none;
    }
}



@media (min-width:0px) and (max-width:1060px) {
  div#toppokemon {
  display:none;
  }
  div#topdiscord {
  display:none;
  }
}


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


    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;
    }


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

        .alertradiusbtnhold {
          bottom:182px;
          margin-left:0px;
        }

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

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

    .sidebarRopen .alertradiusbtnhold {
    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#topwizards {
    display:none;
    }

    div#toptwitch {
    display:none;
    }
    div#topdiscord {
    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#topwizards {
        margin-top: 3px;
    }

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

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

}

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

  #topbarsub span.topbarsubhide {
    display:none;
  }

}


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


  #topbarsub span.topbarsubhide2 {
    display:none;
  }

#infoboxmigrate span.topbarsubhide2 {
display:none;
}


#infoboxmigrate 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;
      }



      #pokestopval {
          bottom: 50px;
      }


      #gmonval {
          bottom: 59px;
      }
      #pmonval {
          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;
        }
        #invadeval {
            font-size: 11px;
        }
        #routesval {
            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;
            }
            #nestval {
                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;
        }




        .btngteam .infoboxbigbtn, .btnpmon .infoboxbigbtn, .btngmon .infoboxbigbtn, .btninfo .infoboxbigbtn, .btntask .infoboxbigbtn, .btnnest .infoboxbigbtn, .btnalert .infoboxbigbtn, .btninvade .infoboxbigbtn, .btnroutes .infoboxbigbtn {
          width: 43px;
          height: 43px;
          border-radius: 50%;
          background-color: #ebebeb;
          background-color: rgba(170,170,170,0.1);
        }

        .btngteam .infoboxbigbtnin, .btnpmon .infoboxbigbtnin, .btngmon .infoboxbigbtnin, .btninfo .infoboxbigbtnin, .btntask .infoboxbigbtnin, .btnnest .infoboxbigbtnin, .btnalert .infoboxbigbtnin, .btninvade .infoboxbigbtnin, .btnroutes .infoboxbigbtnin {
          width: 39px;
          height: 39px;
          border-radius: 50%;
          background-color: #f5f5f5;
          position: relative;
          top: 2px;
          left: 2px;
        }

        .btngteam .infoboxbigbtninside, .btnpmon .infoboxbigbtninside, .btngmon .infoboxbigbtninside, .btninfo .infoboxbigbtninside, .btntask .infoboxbigbtninside, .btnnest .infoboxbigbtninside, .btnalert .infoboxbigbtninside, .btninvade .infoboxbigbtninside, .btnroutes .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;
        }


        .btninvade {
    left: 65px;
}

.btnalert {
    left: 65px;
}


.btnroutes {
left: 112px;
}

#routesval, #invadeval, #taskval, #infoval, #alertval, #nestval {
bottom: 50px;
}



.btninfo i {
    font-size: 21px;
    top: 6px;
    left: 12px;
}



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

#routesiconbtn img {
  width: 12px;
  height: 16px;
  position: relative;
  top: 8px;
  left: 12px;
}


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

#invadeRletter {
  font-weight: bold;
      font-size: 18px;
      text-align: center;
      color: rgb(57, 135, 140);
      padding-top: 5px;
}

.btnnest i {
    font-size: 18px;
    top: 7px;
    left: 7px;
}




.btnpokeconfirm, .btngymconfirm, .btndel, .btngym, .btnpokestop, .btnexraid, .btnshowcase {
  bottom: 5px;
}






}





@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#campsiteinfo {
      bottom: 17px;
  }

  div#loctype {
      top: 16px;
  }

  #sponsormsghold {
    font-size:9px;
  }

  #campsitemsghold {
    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#campsiteinfo {
      bottom: 17px;
  }

  div#loctype {
      top: 16px;
  }

  #sponsormsghold {
    font-size:9px;
  }

  #campsitemsghold {
    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#campsiteinfo {
      bottom: 17px;
  }

  div#loctype {
      top: 16px;
  }

  #sponsormsghold {
    font-size:9px;
  }

  #campsitemsghold {
    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#topbarlogo {
      margin-right: 2px;
  }

div#topusercp {
margin-right:6px;
}


}


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


  div#topbarsub {
    display:none;
  }

}


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

  body .toolsrow .toolsbox_specialhide {
  display:none;
  }


  .toolsbox {
  width: 48%;
  margin-bottom:6px;
  }

  .toolsbox-mid {
  width: 48%;
  }

  .toolsbox-gap {
  width: 4%;
  }

  .toolsbox-sgap {
  width: 4%;
  display:none;
  }

  .toolsbox-specialgap {
  width: 4%;
  display: inline-block;
  }

  .toolsrow {
  margin-top: 0px;
  display: inline;
  }



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

#infoboxmigrate {
font-size:11px;
}


}


@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#topbtnpanel {
    margin-left: 5px;
  }

  div#topbtnlogout {
    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#campsiteinfo {
      bottom: 22px;
  }

  div#loctype {
      top: 15px;
  }

  #sponsormsghold {
    font-size:9px;
  }

  #campsitemsghold {
    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#campsiteinfo {
        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#campsiteinfo {
        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;
  }


}