body {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-size: 14px;
	color: #888;
}

.logo {
	cursor: pointer;
}

.logo a {
	float: left;
}

.logo img {
	height: 24px;
	margin-top: 2px;
	margin-bottom: 3px;
}

.logo-pad {
	width: 280px;
	height: 26px;
	position: absolute;
}

.mobile-logo {
	display: none;
}

.header-area {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    padding: 15px 0;
}

.fixed-menu {
    background-color: #1a1a1a;
    position: fixed;
    -webkit-animation-name: stickyslide;
    animation-name: stickyslide;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    padding: 10px 0;
}

#map {
	width: 100vw;
	height: calc(100vh - 37px);
	margin-top: 37px;
}

.fixed-menu {
	z-index: 1200;
	padding: 3px 0;
	padding-bottom: 1px;
}

.navbar {
	min-height: 20px;
}

ul.navbar-nav {
	position: absolute;
    right: 315px;
}

ul.navbar-nav li {
	padding: 11px 10px;
	padding-top: 4px;
	padding-bottom: 0px;
}

.body-map header .login-avatar-panel {
	line-height: 1.1;
	padding: 0px;
}

.leaflet-left {
	left: 0px;
}

.map-embed .leaflet-top {
	top: 10px !important;
}

#menu {
	position: fixed;
	top: 0px;
	bottom: 0px;
	background-color: #222;
	box-shadow: -3px 0 5px #111;
	right: 0px;
	z-index: 9999;
	margin: 0px;
	padding: 0px;
	width: 300px;
}

#menu .menu {
	padding: 2px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 3px;
}

.menu-mobile-close {
	display: block;
	overflow: hidden;
}

#menu .closemenu {
    font-size: 20px;
    position: absolute;
    top: 5px;
    left: -10px;
    z-index: 9999;
    border: 2px solid #a75b5b;
    border-radius: 16px;
    color: #f15c29;
    background-color: #fff;
    padding: 1px;
}

#menu .menu-option {
	display: inline-block;
	list-style: outside none none;
	padding: 20px;
	background-color: rgba(0,0,0,0.3);
	margin-bottom: 1px;
	text-align: center;
	transition: all 0.7s ease 0s;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #eee;
	width: 118px;
}

#menu .menu-option i {
	color: #FB5B21;
	padding-right: 2px;
}

#menu .menu-option.active {
	background-color: rgba(0,0,0,0.5);
}

#menu .menu-option:hover {
	cursor: pointer;
	background-color: rgba(0,0,0,0.5);
}

#menu .loading {
	padding-top: 40px;
	font-size: 18px;
	text-align: center;
	color: #FB5B21;
}
#menu .loading::after {
	content: "Loading Activities";
	display: block;
	font-size: 14px;
}

#controlbox {
	margin: 8px 0 8px 8px;
	position: absolute;
	top: 10px;
	left: 10px;
}

#menu .openclosetab {
	float: right;
	position: relative;
	left: 74px;
	top: 70px;
}

#menu .openclosetab .tab {
  background-color: #222;
  border-radius: 0 0 5px 5px;
  color: #AAA;
  font-size: 14px;
  font-weight: 700;
  height: 30px;
  letter-spacing: 0;
  padding-top: 8px;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
  transform: rotate(-90deg);
  width: 120px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	cursor: pointer;
	box-shadow: -2px 3px 5px #111;
}

.login-avatar-panel .avatar {
	height: 24px;
	width: 24px;
	margin-top: 1px;
	margin-left: 10px;
}

#mapcontainer {
	overflow: hidden;	
	background: #222 url(/images/bg_dark.jpg);
	position: relative;
}

.map-name-container {
	font-size: 10px;
	line-height: 1;
	float: left;
	padding-left: 7px;
	padding-top: 1px;
	text-shadow: 1px 1px 1px #000;
	color: #eee;
}

.map-name {
	text-transform: uppercase;
	font-size: 15px;
}

.map-name span {
	color: #FB5B21;
	font-size: 10px;
}

.game-name {
	color: #aaa;
}

#menuButton {
	position: fixed;
	top: 55px;
	right: 320px;
	z-Index: 500;
  font-size: 15px;
  line-height: 1.0;
  padding: 7px 8px;	
  box-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
}

#menuButton.btn-default.focus, #menuButton.btn-default:focus {
	color: #ffffff;
	background-color: #424242;
	border-color: #424242;
}

.dabanner {
	width: 302px;
	height: 250px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #222;
}

.optionblock {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	margin-top: 0px;
}

.optionblock .btn-group {
	float: left;
	margin: 6px;
	margin-left: 13px;
	margin-right: 13px;
	margin-top: 0px;
}

.optionblock .btn-group .btn-main {
	width: 98px;
	font-size: 12px;
	padding: 4px 8px 4px 8px;
	text-align: center;
}

.optionblock .btn-group .btn-option {
	font-size: 12px;
	padding: 4px 8px 4px 8px;
}

.squad-block-option {
	text-align: center;
}

hr.grayline {
	border-top: 1px solid #444;
}

hr.thinline {
	border-top: 1px solid #444;
	clear: both;
	margin-bottom: 0;
	margin-top: 7px;
	width: 100%;
}

hr.thinline-bot-pad {
	margin-bottom: 7px;
}

hr.thinline-top-nopad {
	margin-top: 0px;
}

.leaflet-marker-icon {
	-webkit-filter: drop-shadow(-2px 1px 2px #000);
	filter: drop-shadow(-2px 1px 2px #000);
}

.leaflet-marker-draggable {
    z-index: 9000 !important;
}

/* SQUADS */
#selectedSquad {
	border: 1px solid #FB5B21;
}

.squadtitle {
	letter-spacing: 0px;
	font-size: 14px;
	text-align: center;
}

.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
	font-size: 14px;
	letter-spacing: 0px;
}


.leaflet-top {
	top: 90px;
	left: 20px;
}

.leaflet-control-measure {
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
}

.leaflet-bar-part-top-and-bottom {
	-webkit-border-radius: 4px 4px 4px 4px;
	        border-radius: 4px 4px 4px 4px;
	border-bottom: none;
}

.leaflet-touch .leaflet-bar-part-top-and-bottom {
	-webkit-border-radius: 7px 7px 7px 7px;
	        border-radius: 7px 7px 7px 7px;
	border-bottom: none;
}

.leaflet-control-measure-on .leaflet-control-measure, .leaflet-control-custom-on .leaflet-control-custom-loc {
	box-shadow: 0 0 8px rgba(10,10,10,1.0);
	background-color: #c00;
}

.leaflet-control-measure-on .leaflet-control-measure:hover, .leaflet-control-custom-on .leaflet-control-custom-loc:hover {
	background-color: #d00;
}

.leaflet-measure-tooltip {
	font: 14px "Helvetica Neue", Arial, Helvetica, sans-serif;
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0 0 5px #BBB;
	margin: 0;
	padding: 2px;
	width: auto !important;
	height: auto !important;
	white-space: nowrap;
}

.leaflet-measure-tooltip-total {
	font-weight: bold;
	color: #111111;
}

.leaflet-measure-tooltip-difference {
	color: #555;
}

.leaflet-control-draw-measure {
    background-image: url(/images/measure-control.png);
}

.leaflet-control-custom-loc {
	font: bold 18px "Lucida Console",Monaco,monospace;
	text-indent: 1px;
}

.leaflet-control-custom-loc span, .leaflet-control-custom-fullscreen span {
	left: 1px;
	top: 4px;
	font-size: 16px;
	color: #222;
}

.leaflet-control-custom-loc .glyphicon-plane {
	left: -1px;
	top: 3px;
}

.leaflet-change-color {
	background-color: transparent;
}

.leaflet-change-color span {
	left: 1px;
	top: 3px;
	font-size: 15px;	
}

.leaflet-control {
	margin-left: 20px;
	margin-top: 20px;
}




#staticcoordinates {
	opacity: 0.8;
	background-color: #222;
	border-radius: 4px;
	top: 45px;
	color: #fff;
	height: 26px;
	left: 10px;
	padding: 2px;
	position: absolute;
	text-align: center;
	z-index: 1000;
	font-size: 16px;
}

.alert {
	padding: 7px;
	position: absolute;
	display: none;
}	

.newitemhead {
	background-color: #111;
	color: #ddd;
	display: block;
	padding: 6px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 4px;
	font-weight: 700;
	letter-spacing: -1px;
}

.leaflet-top {
	top: 71px;
	left: 1px;
}

ul.poitoggle, ul.loottoggle {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li.togglepoi4, li.togglepoi3 {
	float: left;
	width: 50%;
	font-size: 16px !important;
	padding-left: 12px;
}

ul.poitoggle li, ul.loottoggle li {
	font-size: 20px;	
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	padding-bottom: 0px;
}

ul.poitoggle li.togglepoi2, ul.loottoggle li.togglepoi2, ul.loottoggle li.togglepoi3 {
	font-size: 16px;
	padding-left: 30px;
}

ul.poitoggle .togglepoi3 .glyphicon, ul.loottoggle .togglepoi3 .glyphicon {
	height: 16px;
	width: 30px;
	margin-top: -4px;
}

ul.poitoggle .togglepoi2 .circle, ul.loottoggle .togglepoi2 .circle {
	height: 16px;
	width: 16px;
	margin-top: 7px;
}

ul.poitoggle li:hover, ul.loottoggle li:hover, .togglesubmenu-active {
	background-color: rgba(184,87,0,0.3);
}

ul.poitoggle li .marker, ul.loottoggle li .marker {
	float: left;
}
ul.poitoggle li .marker2, ul.loottoggle li .marker2 {
	padding-left: 2px;
	padding-right: 2px;
}
ul.poitoggle li .marker3, ul.loottoggle li .marker3 {
	padding-left: 4px;
	padding-right: 4px;
}

ul.poitoggle li .marker img, ul.loottoggle li .marker img {
	margin-top: 5px;
	padding-right: 6px;
	padding-left: 5px;
}

ul.poitoggle li .glyphicon, ul.loottoggle li .glyphicon {
	font-size: 18px;
	padding-left: 7px;
	padding-top: 10px;
	padding-right: 6px;
	color: #c99105;
}

.glyphicon-th {
	color: #0f0;
}

ul.poitoggle li .text, ul.loottoggle li .text {
	padding: 4px;
}

ul.poitoggle li.disab, ul.loottoggle li.disab {
	text-decoration: line-through;
	color: #666;
}

ul.poitoggle li.stats.disab, ul.loottoggle li.stats.disab {
	background-color: rgba(0,100,100,0.8);
	text-decoration: none;
	color: #FFF;
}

ul.poitoggle .circle {
	height: 18px;
	width: 18px;
	border-radius: 9px 9px;
	border: 0px;
	margin-top: 10px;
	margin-right: 6px;
	margin-left: 6px;
}

ul.poitoggle .red {
	background-color: red;
}

ul.poitoggle .yelo {
	background-color: yellow;
}

ul.poitoggle .gree, ul.poitoggle .green {
	background-color: green;
}

ul.poitoggle .blu {
	background-color: blue;
}

ul.poitoggle .grey {
	background-color: #6c635f;
}

ul.poitoggle .purple {
	background-color: #6f2e95;
}

.sidemenu-container {
	height: calc(100vh - 390px);
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
}

.submenu {
	left: -300px;
	width: 300px;
	position: absolute;
}

.submenu .submenu-item {
	font-size: 19px;
	padding: 3px;
	font-weight: 700;
	color: #c3b3ad;
	margin-bottom: 1px;
	border-bottom: 1px dashed #444;
	text-shadow: 1px 1px 1px #000;
	cursor: pointer;
}

.submenu .submenu-item:hover, .submenu .submenu-item-active {
	background-color: rgba(184,87,0,0.3);
}

.submenu .submenu-item-disab, .submenu-item-disab {
	text-decoration: line-through;
	color: #353535;
	text-shadow: unset;
}

.sidemenu-container .section-heading h3 {
	color: #f15c29;
	left: 19px;
	position: relative;
	display: inline-block;
}

.sidemenu-container .section-heading {
	background-color: #070707;
}

.submenu-active {
	left: 0px;
	width: 300px;
	position: absolute;
}

.submenu h3 {
	background-color: rgba(0,0,0,0.3);
	color: #FB5B21;
	text-align: center;
	padding-bottom: 2px;
	font-size: 20px;
	padding: 3px;	
}

ul.sidemenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #333333;
}

ul.sidemenu li {
	float: left;
	display: block;
	color: #b85700;
	text-align: center;
	padding: 5px;
	text-decoration: none;
	font-size: 21px;
	width: 33.33%;
	border-right: 1px solid #444;	
}

ul.sidemenu li:last-child {
	border-right: 0px;
}

ul.sidemenu li.active, ul.sidemenu li.active:hover {
	background-color:#222;
}

ul.sidemenu li:hover {
	background-color: #111111;
	cursor: pointer;
}

.roundtoggle, .loottoggle {
	display: none;
	overflow: hidden;	
}

.placestoggle {
	display: none;
	overflow-y: scroll;
  height: calc(100vh - 417px);
}

.placestoggle .searchPlaceName, .submenu-npcs .searchNPCZone, .submenu-npcs .searchNPC, .submenu-gathering .searchGatheringZone, .submenu-quests .searchQuestZone, .submenu-quests .searchQuestLevel, .submenu-quests .searchQuest, .submenu-quests .searchQuestFaction { 
	margin: 8px;
	width: 90%;
	margin-left: 13px;
}

ul.placestoggle li.location {
	padding: 4px;
	font-size: 20px;
	padding-left: 8px;
	border-bottom: 1px dashed #666;
}

ul.placestoggle li.location:hover {
	background-color:#111;
	cursor: pointer;
}

ul.sidemenutab {
	list-style-type: none;
	margin: 0;
	padding: 0;
	letter-spacing: 0px;
	position: absolute;
	width: 300px;
}

.close-submenu, .bottom-advert-close {
	font-size: 16px;
    position: absolute;
    top: 3px;
    left: 2px;
    z-index: 9999;
    border: 2px solid #FB5B21;
    border-radius: 16px;
    color: #000;
    background-color: #fff;
    padding: 1px;
    width: 23px;
    height: 24px;
    line-height: 21px;
    padding-left: 1px;
    cursor: pointer;
}

.bottom-advert-close {
	display: none;
}

ul.sidemenutab .glyphicon-triangle-top, ul.sidemenutab .glyphicon-triangle-bottom {
	cursor: pointer;
}

ul.sidemenutab .glyphicon-triangle-top:hover, ul.sidemenutab .glyphicon-triangle-bottom:hover {
	color: #aa0;
  text-shadow: 0px 0px 3px #fff;
}

.playerlabelbg {
	background:none;
	border: 0px;
	position: absolute;
	width:300px;
	text-align: center;
}

.popupname {
	background-color: rgba(20,20,20,0.7);
	border-radius: 5px;
	font-size: 11px;
	font-weight: 400;
	padding: 2px 5px;
	text-shadow: 0 0 8px #000;
	letter-spacing: 0px;
	color: #0f0;
	border: 1px solid #000;
}

.offset-controls {
	font-size: 21px;
	width: 25px;
	text-align: center;
	position: absolute;
	color: #ff0;
	top: 25px;
	line-height: 44px;
}

.pubg-round-notification {
	display: none;
	margin:5px;
	border: 1px solid #111;
	box-shadow: 0px 0px 10px #000;
	padding-bottom: 7px;
  background: #444;
  background: -webkit-radial-gradient(#444, #222);
  background: -o-radial-gradient(#444, #222);
  background: -moz-radial-gradient(#444, #222);
  background: radial-gradient(#444, #222);
  position: relative;
  height: 102px;
}

.pubg-round-notification-template {
	display: none;
}

.pubg-round-notification-upcoming {
	margin:5px;
	border: 1px solid #111;
	padding-bottom: 7px;
  background: #444;
  background: -webkit-radial-gradient(#444, #222);
  background: -o-radial-gradient(#444, #222);
  background: -moz-radial-gradient(#444, #222);
  background: radial-gradient(#444, #222);
  position: relative;
  height: 50px;	
}

.pubg-round-notification .notify-background {
	position: absolute;
	background-color: rgba(180,0,0,0.5);
	height: 40px;
	margin-left: 10px;
	width: 0px;
	top: 53px;
	margin-right: 10px;
}

.offset-controls .smalltext {
	content: "OFFSET";
	letter-spacing: 1px;
	font-size: 7px;
	line-height: 9px;
	margin-left: -3px;
	margin-top: -4px;
	color: #fff;
}

.pubg-round-notification .notify-title, .pubg-round-notification-upcoming .notify-title {
	font-size: 28px;
	text-align: center;
	color: #ddd;
	padding: 5px;
	text-shadow: 2px 2px 2px #000;
}

.pubg-round-notification-upcoming .notify-title {
	padding-top: 7px;
	font-size: 24px;
}

.pubg-round-notification-upcoming .notify-title-2 {
	color: #ff0;
}

.pubg-round-notification .notify-timer, .pubg-round-notification .notify-time {
	font-size: 26px;
	text-align: center;
	color: #ff0;
	padding: 5px;
	text-shadow: 2px 2px 2px #000;
	position: absolute;
}

.pubg-round-notification .notify-timer {
	left: 10px;
	text-align: left;
}

.pubg-round-notification .notify-time, .pubg-round-notification .notify-time {
	right: 10px;
	text-align: right;
}

.pubg-round-notification .notify-time:before {
	font-size: 10px;
	color: #ddd;
	text-shadow: 2px 2px 2px #000;
	content: "eta:";
	margin-right: 2px;
}

.flight-path-text {
	font-size: 16px;
	padding: 10px;
	margin-bottom: 0px;
}

.btn-others .devchanges { 
	color: #ddd;
	background-color: #f00;
	text-shadow: initial;
	position: relative;
	top: -2px;
	margin-left: 5px;	
}

.langsel {
	text-align: center;
	padding-top: 12px;
	padding-left: 40px;
	padding-right: 40px;
	background-color: rgba(255,255,255,0.05);
	padding-bottom: 12px;
}

.langsel p {
	margin-bottom: 0px;
}

.langsel a {
	font-size: 14px;
}

.thinline:last-child {
	margin-top: 0px;
}

#showImage {
	background-color: #222;
	border-radius: 6px;
	display: none;
	left: 50%;
	opacity: 1;
	padding: 4px;
	position: fixed;
	top: 50%;
	z-index: 800;
}

#showImage img {
	position: absolute;
}

#showImage .looter {
	width: 150px;
	margin-top: 10px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#showBuilding {
	background-color: #222;
	border-radius: 6px;
	display: none;
	opacity: 1;
	padding: 4px;
	position: fixed;
	z-index: 900;
	box-shadow: 0px 0px 35px rgba(0,0,0,0.8);
}

#showBuilding .buildingName {
	font-size: 20px;
	background-color: rgba(0,0,0,0.5);
	padding: 0px 0px 0px 4px;
	color: #FB5B21;
	font-weight: bold;
	letter-spacing: -1px;
}

#showBuilding .buildingLoot {
	padding: 2px;
	padding-bottom: 0px;
}

#lootTypeContainer, #addLootContainer, #locationInfoContainer {
	background-color: #222;
	border-radius: 6px;
	display: none;
	left: 50%;
	margin-left: -600px;
	opacity: 1;
	padding: 15px;
	position: fixed;
	top: 50%;
	width: 1200px;
}

#lootTypeContainer {
	height: 800px;
	margin-top: -400px;	
}

#addLootContainer {
	width: 900px;
	margin-left: -450px;
	height: 642px;
	margin-top: -321px;	
	z-index: 3000;
}

#locationInfoContainer {
	z-index: 900;	
}

#locationInfoContainer .selectedBuilding {
	padding-top: 3px;
}

#locationInfoContainer button {
	margin-left: 5px;
	margin-right: 5px;
	font-size: 14px;
}

#locationInfoContainer .options {
	text-align: center;
	margin-top: 10px;
}

.selectedItemFilter {
	margin-top: 5px;
}

.selectedItemFilter .glyphicon {
	margin-right:3px;
}

#lootTypeContainer .newitemhead, #addLootContainer .newitemhead, #locationInfoContainer .newitemhead {
	background-color: #111;
	color: #ddd;
	display: block;
	padding: 3px;
	font-size: 14px;
	margin-bottom: 8px;
	text-align: left;
}

#locationInfoContainer .newitemhead {
  font-size: 24px;
  background-color: rgba(0,0,0,0.5);
  padding: 0px 0px 0px 4px;
  color: #FB5B21;
  font-weight: bold;
  letter-spacing: -1px;
}

#addLootContainer .glyphicon-remove, #lootTypeContainer .glyphicon-remove, .closeImage, #locationInfoContainer .glyphicon-remove {
	float: right;
  margin-top: 5px;
  margin-right: 5px;	
  z-index: 900;
}

#lootTypeContainer .glyphicon-remove:hover, #addLootContainer .glyphicon-remove:hover, #locationInfoContainer .glyphicon-remove:hover {
	color: #fff;
	cursor: pointer;
}

.leftSide {
	float: left;
	text-align: center;
}

#lootTypeContainer .selectedBuilding {
	width: 150px;
	height: 150px;
	border: 1px solid #111;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	background-color: #456;
}

#lootTypeContainer .buildingSelection {
	float: left;
	width: 1010px;
	height: 575px;
	margin-left: 9px;
	margin-top: 5px;	
}

.availableBuildings, .availableItems {
	background-color: #181818;
	max-height:650px;
	min-height:650px;
	width: 1010px;
	margin-top: 5px;
	overflow-y: scroll;
}

.availableItems {
	width: 869px;
	max-height:414px;
	min-height:414px;	
	overflow-x: hidden;
}

.question-building {
	width: 150px;
	height: 188px;
	font-size: 14px;
	line-height: 14px;
	margin: 5px;
	text-align: center;
	background-color: #456;
}

.question-building:hover {
	cursor: pointer;
}

.question-mark {
	font-size: 60px;
	line-height: 75px;
}

.question {
	font-size: 120px;
	line-height: 139px;
	text-align: center;
}

.availableBuildings .building {
	float:left;
	display: inline-block;
	position: relative;
}

.availableBuildings .building span {
	font-size: 10px;
	position: absolute;
	top: 4px;
	left: 7px;
	color: #fff;
	z-index: 100;
}

.availableBuildings .building img {
	padding: 5px;
	height: 198px;
	top: 0px;
	left: 0px;
}

.availableBuildings .building img:hover {
	cursor: pointer;
}

.availableBuildings .selected {
	background-color: rgba(0,0,0,0.1);
}

.glyphicon-zoom-in {
	position: absolute;
	right: 7px;
	top: 7px;
	color: #000;
}

.glyphicon-zoom-in:hover {
	cursor: pointer;
	color: #ddd;
}

.mapAdmin #staticcoordinates {
	font-size: 20px;
	height: 35px;
	width: 253px;
	top: 11px;
	left: 55px;
	text-align: left;
	padding-left: 10px;
}


.mapAdmin  ul.sidemenu li {
	width: 50%;
}

.bottomButton {
	position: absolute;
	bottom: 28px;
	width: 150px;
}

#addLootContainer .selectedItems::before {
	content: "LOOT AT LOCATION";
	font-size: 12px;
	letter-spacing: -1px;
	padding-left: 5px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
  transform: rotate(-90deg);	
	position: absolute;
	top: 48px;
	left: -36px;
	color: #eee;
}

#addLootContainer .selectedItems {
	margin-top: 9px;
	padding-left: 25px;
	height: 108px;
	border: 1px solid #040;
	width: 100%;
	background-color: #020;
	border-radius: 5px;
	position:relative;
	overflow-x: auto;
	overflow-y: hidden;
	min-width: 873px;
}

#addLootContainer .selectedItems .selectedItemsContainer {
	display:block;
	height: 100px;
	min-width: 100%;
	width: max-content;	
	padding-left: 25px;
}

#addLootContainer .selectedItems .jspHorizontalBar {
	height: 10px;
	position: relative;
	bottom: -102px;
}

#addLootContainer .availableItems .item, #addLootContainer .selectedItems .item {
	float: left;
	margin: 5px;
	position: relative;
	border-radius: 5px;
	background: -webkit-radial-gradient(#777 15%, #ccc 80%);
  background: -o-radial-gradient(#777 15%, #ccc 80%);
  background: -moz-radial-gradient(#777 15%, #ccc 80%);	
	background: radial-gradient(#777 15%, #ccc 80%);
}

#addLootContainer .selectedItems .item {
	width: 96px;
  display: inline-block;
  float: unset;
 }

#addLootContainer .availableItems .item:hover, #addLootContainer .selectedItems .item:hover {
	cursor: pointer;
	background: -webkit-radial-gradient(#333 15%, #aaa 100%);
  background: -o-radial-gradient(#333 15%, #aaa 100%);
  background: -moz-radial-gradient(#333 15%, #aaa 100%);	
	background: radial-gradient(#333 15%, #aaa 100%);
}

#addLootContainer .availableItems .item span, #addLootContainer .selectedItems .item span {
	text-align: center;
	font-size: 9px;
	position: absolute;
	bottom: -1px;
	background-color: #000;
	z-index: 4000;
	color: #ddd;
	display: none;
	border: 1px solid #444;
	border-radius: 3px;
	box-shadow: 0px 0px 1px #ddd;
	width: 94px;
	margin-left: 1px;
	margin-right: 1px;
}

#addLootContainer .selectedItems .item span {
	top: 0px;
	bottom: unset;
}

#addLootContainer .availableItems .item img, #addLootContainer .selectedItems .item img {
	width: 96px;
	height: 96px;
	border: 1px solid #333;
	border-radius: 4px;
}

#addLootContainer .selectedItems .item .qty::before {
	content: "Qty: ";
	font-size:10px;
}

#addLootContainer .selectedItems .item .qty {
	font-size: 10px;
	position: absolute;
	bottom: 2px;
	background-color: #a00;
	z-index: 4000;
	color: #eee;
	border: 1px solid #444;
	border-radius: 9px;
	width: 40px;
	height: 15px;
	top: unset;
	left: unset;
	right: 3px;
	text-align: center;
	padding: 0px;
	display: none;
}

#locationslist .building {
	float:left;
	display: inline-block;
	position: relative;
}

#locationslist .building span {
	font-size: 14px;
	font-weight: 700;
	position: absolute;
	top: 4px;
	left: 7px;
	color: #000;
	text-shadow: 0px 0px 1px #fff;
	z-index: 100;
}

#locationslist .building img {
	padding: 5px;
	height: 198px;
	top: 0px;
	left: 0px;
}

#locationslist .building img:hover {
	cursor: pointer;
}

.row-container-building {
	background-color: #222; 
	border-radius:5px; 
	overflow:hidden; 
	padding: 5px;
	padding-left:0px;
}

.row-container-building .full-width-image {
	overflow: hidden;
	width: calc(100% - 325px);
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.full-width-image {
	overflow: hidden;
	width: calc(100%);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.btn-active {
	color: #fff;
	background-color: #337ab7;
	border-color: #111;
}

.btn-active:hover, .btn-active:active, .btn-active:focus {
	color: #fff !important;
	background-color: #286090 !important;
	border-color: #204d74 !important;
}

.ratingpct {
	position: relative;
	float: right;
	font-size: 10px;
	top: 3px;
	left: -37px;
	text-shadow: initial;
	color: #fff;
}

.mapPopup {
	background-color: #333;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
  border: 2px solid #111;
  padding-top: 4px;
  padding-bottom: 10px;
  box-shadow: 0px 0px 9px #777;	
}

#generalSiteInfo {
	max-width: 400px;
	position: fixed;
	bottom: 23px;
	left: 10px;
	padding-bottom: 4px;
	text-align: justify;
}

#generalSiteInfo p {
	margin-bottom: 0px;
	letter-spacing: 0px;
}

#theLooterSiteInfo {
	width: 291px;
	height: 114px;
	position: fixed;
	bottom: 23px;
	left: 10px;
}

#generalSiteInfo b {
	text-decoration: underline;
	letter-spacing: -1px;
	margin-bottom: 5px;
	display: block;
	color: #ccc;
}

#theLooterSiteInfo p {
	margin-top: -18px;
	letter-spacing: 0px;
}

#theLooterSiteInfo img {
	position: relative;
	top: -10px;
	left: -10px;
}

#bottompanel {
	background-color: rgba(20,20,20,0.3);
	border: 1px solid #000;
	border-radius: 5px;
	position: absolute;
	bottom: 0px;
	margin-left: 50%;
	width: 958px;
	left: -635px;
	height: 92px;
}

#bottompanel .glyphicon-remove {
	position: absolute;
	top: -10px;
	border: 2px solid #111;
	border-radius: 12px;
	height: 24px;
	font-size: 14px;
	right: -10px;
	width: 24px;
	background-color: #222;
	text-align: center;
	padding-top: 3px;
}

#bottompanel img {
	height: 90px;
	float: right;
	border-left: 1px solid #000;
}

#bottompanel #nn_lb1 {
	display:inline-block;
	width: 728px;
}

#bottompanel .glyphicon-remove:hover {
	color: #FFF;
	cursor: pointer;
}

#colourselection, #imageselection {	
	background-color: #444;
	border-radius: 6px;
	box-shadow: 6px 0 14px #111;
	display: none;
  height: 117px;
  left: 50%;
  margin-left: -112px;
  margin-top: -23px;
  opacity: 1;
  padding-left: 7px;
  padding-top: 5px;
  position: fixed;
  top: 50%;
  width: 225px;
	letter-spacing: 0px;  
}

#addPOIContainer {
	background-color: #222;
	border-radius: 6px;
	display: none;
	left: 50%;
	margin-left: -140px;
	margin-top: -243px;
	opacity: 0.9;
	padding: 15px;
	position: fixed;
	top: 50%;
	width: 280px;
	letter-spacing: 0px;
	line-height: 1.2;
}

#addPOIContainer .marker-header {
	margin-bottom: 3px; 
	margin-top: 3px; 
	background-color: #333; 
	padding-left: 5px; 
  padding-bottom: 3px;
  padding-top: 3px;	
}


.markerpoitype .radio {
	margin-top: 0px;
	margin-bottom: 0px;
}

.markerpoitype .radio input[type=radio] {
	margin-left: 0px;
	margin-top: -1px;
}

#poiname {
	padding: 6px 8px;
}
 
#popupWindow {
	position:fixed;
	top: 50%;
	left: 50%;
	width: 780px;
	height:486px;
	border: 2px solid #444;
	border-radius: 3px;
	background-color: #222;
	margin-left: -390px;
	margin-top: -243px;
	display: none;
}

#popupWindow iframe {
	width: 100%;
	height: 100%;
}

#sharePOIContainer {
	position:fixed;
	top: 50%;
	left: 50%;
	width:30em;
	height:14em;
	margin-top: -12em; /*set to a negative number 1/2 of your height*/
	margin-left: -15em; /*set to a negative number 1/2 of your width*/
	border: 1px solid #ccc;
	background-color: #f3f3f3;
	padding: 15px;
	display: none;
}

#foundcoords {
	text-align: center;
}

#foundcoords ul {
	padding: 0px;
}

.leaflet-change-color {
	background-color: #f4f4f4;
	cursor: pointer;
}

.leaflet-change-color img {
	padding-left: 3px;
	padding-top: 3px;
}

.leaflet-selected-color {
	position: fixed;
	left: 40px;
	top: 157px;
	z-index: 9000;
	display: none;
}


.leaflet-selected-color {
	position: fixed;
	left: 40px;
	top: 157px;
	z-index: 9000;
	display: none;
}

.colourSelector {
	padding-left: 5px;
	width: 128px;
	height: 175px;
	padding-top: 4px;
}

.colour {
	width: 10px;
	height: 10px;
	margin-right: 2px;
	margin-bottom: 2px;
	float: left;
	cursor: pointer;
}

#imageselection .glyphicon {
	margin-right: 4px;
	margin-bottom: 4px;
	float: left;
	cursor: pointer;
	font-size: 14px;
	width: 14px;
}

.markerplaceholder {
	position: relative;
	top: 0px;
	left: 0px;
}

.mapControlBox label {
	margin-top: 0px
}

.mapControlBox input {
	margin-top: 2px;
	font-size: 12px;
}

.mapControlBox .checkbox {
	margin-top: 0px;
	margin-bottom: 0px;
}

.markerpoitype label {
	font-weight: 700;
	cursor: pointer;
	position: relative;
	left: 18px;
	top: -3px;
	padding: 0px;
	letter-spacing: -1px;
	font-size: 14px;
	color: #ddd;
}

.legendcontent ul {
	list-style: none;
}

.legendcontent div.mapicon, .legendcontent div.mapiconstatic {
	width: 24px;
	height: 24px;
	background-position: center center;
	background-repeat: no-repeat;	
}

.legendcontent div.mapicon span, .legendcontent div.mapiconstatic span {
	margin-left: 4px;
	margin-top: 3px;
	position: fixed;
}

.legendcontent li label {
	margin-left: 8px;
	margin-top: 3px;
}

.legendcontent li span {
	margin-left: 5px;
	margin-top: 0px;
	position: fixed;
}

.commentbody .panel-heading {
	text-align: left;
}

.panel-heading {
	background-color: #111 !important;
	display: block;
	text-align: center;
	padding: 10px;
}

.panel-heading h4 {
	color: #ddd;
	font-size: 14px;	
}	

.panel-body {
	padding: 5px;
}

.colourSelector {
	padding-left: 5px;
	width: 128px;
	height: 175px;
	padding-top: 4px;
}


.colour {
	width: 10px;
	height: 10px;
	margin-right: 2px;
	margin-bottom: 2px;
	float: left;
	cursor: pointer;
}

#imageselection .glyphicon {
	margin-right: 4px;
	margin-bottom: 4px;
	float: left;
	cursor: pointer;
	font-size: 14px;
	width: 14px;
}

.imageSquare {
	border-radius: 2px;
	width: 20px;
	height: 20px;
	background-color: none;
}

.imageCircle {
	border-radius: 10px;
	width: 20px;
	height: 20px;
	background-color: none;
}

.imageTriangle {
	border-left: 17px solid transparent;
	border-right: 17px solid transparent;
	width: 25px;
	height: 25px;
	background-color: none;
	margin-top: -1px;
	margin-left: -4px;
}

.previewmarker .imageTriangle .glyphicon-map-marker {
	top: 8px !important;
	left: -7px;
}

.imageText {
	border-radius: 10px;
	width: 10px;
	height: 10px;
	background-color: none;	
}

.previewmarker {
	text-align: center;
	margin-left: 25px;
}

.previewmarker .glyphicon-map-marker {
	font-size: 13px;
	position: relative;
	top: 3px;
	color: #fff;
}

#markercolour {
	background-color: #555;
	border: 1px solid #282828;
	border-radius: 4px;
	display: block;
	height: 30px;
	margin-top: -1px;
	padding-left: 4px;
	padding-top: 4px;
	width: 30px;
}

#markerimage {
	background-color: #ffffff;
	border: 1px solid #282828;
	border-radius: 4px;
	display: block;
	height: 30px;
	margin-top: -1px;
	padding-left: 6px;
	padding-top: 5px;
	width: 30px;
	font-size: 16px;
	color: #444;
}

#markercomment {
	margin-bottom: 5px;
}

#foundcoords ul li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}	

#showImage img {
	position: absolute;
}

#showImage .looter {
	width: 150px;
	margin-top: 10px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#showBuilding {
	background-color: #222;
	border-radius: 6px;
	display: none;
	opacity: 1;
	padding: 4px;
	position: fixed;
	z-index: 900;
}

#lootTypeContainer, #addLootContainer, #locationInfoContainer {
	background-color: #222;
	border-radius: 6px;
	display: none;
	left: 50%;
	margin-left: -600px;
	opacity: 1;
	padding: 15px;
	position: fixed;
	top: 50%;
	width: 1200px;
}

#lootTypeContainer {
	height: 800px;
	margin-top: -400px;	
}

#addLootContainer {
	width: 900px;
	margin-left: -450px;
	height: 642px;
	margin-top: -321px;	
	z-index: 3000;
}

#locationInfoContainer {
	z-index: 900;	
}

#locationInfoContainer .selectedBuilding {
	padding-top: 3px;
}

#locationInfoContainer button {
	margin-left: 2px;
	margin-right: 2px;
	font-size: 14px;
}

#locationInfoContainer .options {
	text-align: center;
	margin-top: 10px;
}

.selectedItemFilter {
	margin-top: 5px;
}

.selectedItemFilter .glyphicon {
	margin-right:3px;
}

#lootTypeContainer .newitemhead, #addLootContainer .newitemhead {
	background-color: #111;
	color: #ddd;
	display: block;
	padding: 3px;
	font-size: 14px;
	margin-bottom: 8px;
	text-align: left;
}

#locationInfoContainer .newitemhead {
	text-align: center;
}

#addLootContainer .glyphicon-remove, #lootTypeContainer .glyphicon-remove, .closeImage, #locationInfoContainer .glyphicon-remove {
	float: right;
  margin-top: 5px;
  margin-right: 5px;	
  z-index: 900;
}

#locationInfoContainer .glyphicon-remove {
	margin-top: 7px;
  font-size: 24px;
}

#lootTypeContainer .glyphicon-remove:hover, #addLootContainer .glyphicon-remove:hover, #locationInfoContainer .glyphicon-remove:hover {
	color: #fff;
	cursor: pointer;
}

.leftSide {
	float: left;
	text-align: center;
}

#lootTypeContainer .selectedBuilding {
	width: 150px;
	height: 150px;
	border: 1px solid #111;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	background-color: #456;
}

#lootTypeContainer .buildingSelection {
	float: left;
	width: 1010px;
	height: 575px;
	margin-left: 9px;
	margin-top: 5px;	
}

.availableBuildings, .availableItems {
	background-color: #181818;
	max-height:650px;
	min-height:650px;
	width: 1010px;
	margin-top: 5px;
	overflow-y: scroll;
}

.availableItems {
	width: 869px;
	max-height:414px;
	min-height:414px;	
	overflow-x: hidden;
}

.question-building {
	width: 150px;
	height: 188px;
	font-size: 14px;
	line-height: 14px;
	margin: 5px;
	text-align: center;
	background-color: #456;
}

.question-building:hover {
	cursor: pointer;
}

.question-mark {
	font-size: 60px;
	line-height: 75px;
}

.question {
	font-size: 120px;
	line-height: 139px;
	text-align: center;
}

.availableBuildings .building {
	float:left;
	display: inline-block;
	position: relative;
}

.availableBuildings .building span {
	font-size: 10px;
	position: absolute;
	top: 4px;
	left: 7px;
	color: #fff;
	z-index: 100;
}

.availableBuildings .building img {
	padding: 5px;
	height: 198px;
	top: 0px;
	left: 0px;
}

.availableBuildings .building img:hover {
	cursor: pointer;
}

.availableBuildings .selected {
	background-color: rgba(0,0,0,0.1);
}

.glyphicon-zoom-in {
	position: absolute;
	right: 7px;
	top: 7px;
	color: #000;
}

.glyphicon-zoom-in:hover {
	cursor: pointer;
	color: #ddd;
}

.clearflightpath {
	position: absolute;
	right: 7px;
}

.leaflet-control-color
	background-color: rgb(0, 255, 0);
}

.leaflet-control-color a, .leaflet-control-color a:hover {
    background-color: unset;
}

.mobile-show {
	display: none;
}

.mobile-hide {
	display: block;
}   

.squadplay {
	background-image: url(/images/squad-play.jpg);
	background-size: 140%;
	width: 100%;
	height: 200px;
	position: relative;
	background-position-y: -65px;
	background-position-x: -27px;
	cursor: pointer;
}

.squadplay p {
	color: #000;
	text-shadow: 1px 0px 0px #fff, -1px 0px 0px #fff, 0px 1px 0px #fff, 0px -1px 0px #fff;
	letter-spacing: -1px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
}

.adverthere {
	text-align: center;
	color: #fff;
	margin-bottom: 0px;
	background-color: rgba(0,0,0,0.8);
	line-height: 24px;
}

.adverthere a {
	color: #FB5B21;
}

.adverthere a:hover {
	text-decoration: underline;
}

.footer-da-bottom {
	display: none;
}

#div-gpt-ad-1553450342675-0 {
	height: 50px;
  width: 320px;
  margin-left: 50%;
  left: -160px;
  position: relative;
}

.buymeacoffee {
	border: 3px dashed #444;
	margin: 9px;
	width: 280px;
	padding: 2px;
	font-size: 16px;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 10px;
	display: none;
}

.buymeacoffee span {
	font-size: 18px;
	color: #FB5B21;
	text-align: center;
}

.buymeacoffee a {
	text-align: center;
}

.buymeacoffee img {
	transition: all 0.7s ease 0.2s;
}

.buymeacoffee img.twitch {
	transform: rotate(4deg);
}

.buymeacoffee-squadview {
	margin: 4px;
	width: 290px;
	padding: 2px;
	font-size: 16px;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 0px;
	border: 0px;
	display: none;
}    

.buymeacoffee-squadview p {
	margin-bottom: 0px;
}

.buymeacoffee-pa {
	margin: 0px;
  width: 300px;
  padding: 0px;
  font-size: 16px;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 0px;
  border: 0px;
}


.newmarker3 {
	height: 28px;
	width: 30px;
	background-position: 0px 34px;
	margin-top: 7px;
	margin-right: 5px;
}

.submenu-float {
	position: fixed;
	top: 110px;
	right: -310px;
	bottom: 8px;
	background-color: #222;
	box-shadow: 0px 0 12px #111;
	z-index: 1000;
	margin: 0px;
	padding: 5px;
	width: 300px;
	border: 1px solid #000;
}

.submenu-float h3 {
	background-color: rgba(0,0,0,0.3);
	color: #FB5B21;
	text-align: center;
	padding-bottom: 2px;
}

.submenu-float .available-resources {
	overflow-y: scroll;
	height: calc(100vh - 212px);
	margin-top: 3px;
	padding-left: 3px;
}

.submenu-npcs .available-resources {
	height: calc(100vh - 254px);
}

.submenu-quests .available-resources {
    height: calc(100vh - 338px);
}

.submenu-float .available-resources h5 {
	color: #ccc;
	text-align: center;
	background-color: #333;
	padding: 3px;
	cursor: pointer;
}

.submenu-float .available-resources h5 span.refresh {
	float: left;
	font-size: 10px;
	letter-spacing: 0px;
	border: 1px solid #222;
	padding: 1px;
	padding-left: 4px;
	padding-right: 4px;
	position: relative;
	line-height: 13px;
	margin-top: -1px;
}

.sidemenutab div.toggle, .togglesubmenu div.clear { 
    float: right;
    font-size: 14px;
    letter-spacing: 0px;
    border: 1px solid #222;
    padding: 5px;
    padding-left: 9px;
    padding-right: 9px;
    position: relative;
    line-height: 14px;
    margin-top: 4px;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0.8);
    border-radius: 5px;
}

.sidemenutab div.toggle:hover, .togglesubmenu div.clear:hover, .close-toggle:hover {
	background-color: rgb(137, 58, 29);
	cursor: pointer;
}

.close-toggle {
    top: 4px;
    font-size: 12px;
    letter-spacing: 0px;
    border: 1px solid #222;
    padding: 2px;
    padding-left: 9px;
    padding-right: 9px;
    position: absolute;
    line-height: 14px;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    right: 14px;
}


.sidemenutab .available-resources h5 div.toggle {
	float: right;
	font-size: 10px;
	letter-spacing: 0px;
	border: 1px solid #222;
	padding: 1px;
	padding-left: 4px;
	padding-right: 4px;
	position: relative;
	line-height: 13px;
	margin-top: -1px;
}

.submenu-float .available-resources h5 span:hover {
	background-color:rgba(0,0,0,0.5);
	cursor: pointer;
}

.submenu-float .available-resources h5.mining {
	margin-top: 10px;
}

.submenu-float .available-resources img.gather {
	height:17px;
	margin-top: -3px;
}

.submenu-float .available-resources img.poi {
	height:24px;
	margin-top: -3px;
}

.submenu-float .available-resources .gather-toggle, .submenu-float .available-resources .location, .submenu-float .available-resources .npc, .submenu-float .available-resources .quest {
	border-bottom: 1px dashed #333;
	font-size: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 32px;
	overflow: hidden;
}

.submenu-float .available-resources .npc, .submenu-float .available-resources .quest {
	height: unset;
}

.submenu-float .available-resources .gather-toggle-disab, .close-toggle-disab {
	text-decoration: line-through;
	color: #353535;
}

.submenu-float .available-resources .gather-toggle:hover, .submenu-float .available-resources .location:hover, .submenu-float .available-resources .npc:hover, .submenu-float .available-resources .quest:hover {
	cursor: pointer;
	background-color: rgba(0,0,0,0.1);
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #2a2a2a; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.users-panel {
	bottom: 0px;
	position: absolute;
	border-top: 1px dashed #444;
	border-radius: 8px;
	width: 300px;
	margin: 0px;
	text-align: center;
}

.users-panel .loggedin-option {
	height: 35px;
	text-align: left;
}

.users-panel .loggedin-option .user-avatar {
    height: 35px;
    width: 35px;
    background-size: cover;
    float: left;
}

.users-panel .loggedin-option .user-options-button {
    font-size: 21px;
    padding-left: 10px;
    padding-top: 1px;
    display: inline-block;
}

.users-panel .loggedin-option .user-options {
    float: right;
    margin-right: 5px;
}

.users-panel .loggedin-option .user-options i {
	font-size: 20px;
    border: 2px solid #a75b5b;
    border-radius: 16px;
    color: #f15c29;
    background-color: #fff;
    padding: 3px;
    width: 32px;
    height: 30px;
    padding-left: 4px;
    margin-top: 1px;
}

.users-panel .loggedin-option .user-options i.glyphicon-log-out {
	padding-left: 5px;
    padding-top: 2px;
}

.users-panel .login-option {
    text-align: center;
    color: #FB5B21;
    padding-top: 1px;
    font-size: 21px;
    display: block;
	cursor: pointer;
}

.users-panel .login-option:hover {
	background-color: rgba(0,0,0,0.5);
}

.users-panel .login-close {
	position: absolute;
	left: -16px;
	top: -13px;
}

.users-panel .login-form {
    position: absolute;
    width: 300px;
    padding: 20px;
    bottom: -250px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;	
	background-color: #000;
	border-top: 1px solid #333;
}

.users-panel .login-form i {
	font-size: 20px;
    border: 2px solid #a75b5b;
    border-radius: 16px;
    color: #f15c29;
    background-color: #fff;
    padding: 1px;
    margin-top: 1px;
}

.users-panel .login-form-active {
	bottom: -10px;
}

.stats-panel ul {
	list-style: outside none none;
	padding: 8px;
	margin-bottom: 0px;
	padding-top: 2px;
}

.stats-panel ul li span {
	color: #FB5B21;
}

.stats-panel h4 {
	text-align: center;
	background-color: rgba(0,0,0,0.2);
	padding-top: 2px;
	padding-bottom: 3px;
	color: #FB5B21;
}

.submenu-places .searchPlaceName {
	margin: 10px;
	width: 268px;
}

.submenu-places .available-resources {
	height: calc(100vh - 215px);	
}

.submenu-npcs .react, .submenu-places .react, .submenu-quests .react {
	float: right;
	margin-right: 5px;
}

.submenu-npcs .subnpc, .submenu-quests .subquest {
	font-size: 12px;
	color: #666;
}
.submenu-npcs .no-locs, .submenu-quests .quest-level {
	float: right;
  font-size: 12px;
  letter-spacing: 0px;
  color: #777;
  margin-right: 5px;
}

.thanksguys {
	position: absolute;
	bottom: 145px;
	text-align: center;
}

.thanksguys img {
	border: 1px solid #333;
	padding: 3px;
	border-radius: 7px;
}

#poiLocation {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
    background-color: #222;
    padding: 10px;
    position: fixed;
    min-height: 100px;
    border: 1px solid #000;
    box-shadow: -1px -2px 19px #222;
    width: 768px;
    bottom: 20px;
    left: 20px;
	opacity: 0;
	z-index: -100;
}	

#poiLocation .poilocation-close i {
	font-size: 20px;
    border: 2px solid #a75b5b;
    border-radius: 16px;
    color: #f15c29;
    background-color: #fff;
    padding: 1px;
    margin-top: 1px;
	position: absolute;
    right: -14px;
    top: -14px;
	cursor: pointer;
}

#poiLocation.active {
	opacity: 1;
	z-index: 200;
}

#wowLocation {
	background-color: #222;
	border-radius: 6px;
	display: none;
	opacity: 1;
	padding: 10px;
	position: fixed;
	bottom: 50px;
	left: 50px;
	width: 748px;
}

#wowLocation .cancelentry {
	float: right;
	font-size: 14px;
	color: #ccc;
	transition: all 0.7s ease 0s;
}

#wowLocation .cancelentry:hover {
	transform: scale(1.1);
	color: #aaa;
	cursor: pointer;
}

#wowLocation .location-name {
	display: block;
	text-align: left;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -1px;
  color: #FB5B21;
  font-weight: bold;
  padding: 0px;
}

#wowLocation .sub-location-name {
	color: #ddd;
	display: block;
	text-align: left;
	font-size: 18px;
}

#wowLocation .npc-type-image {
	height: 26px;
	margin-top: -3px;
}

#wowLocation .billpaying {
	height: 90px;
	width: 728px;
	margin-top: 10px;
}

#wowLocation .location-screenshot .poweredby-wowhead {
	float: left;
	margin-top: -31px;
	position: relative;
	margin-left: 3px;
	width: 100px;
}

#wowLocation .col-lg-8 {
	padding-left: 0px;
}

#wowLocation h4 {
	font-size: 14px;
	margin-top: 10px;
	margin-left: 2px;
}

#wowLocation .faction-icon, #wowLocation .quest-summary .quest-name {
	display: inline-block;
}

#wowLocation p {
	margin-bottom: 2px;
	margin-top: 7px;
	font-size: 12px;
}

#wowLocation .npc-share-url {
	color: #000;
}

#copy-clipboard {
	color: #000;
	transition: all 0.7s ease 0s;
}

.faction-icon {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	position: relative;
	top: 3px;
	margin-left: 0px;
	margin-right: 4px;
}

.faction-alliance {
	background-image: url(/images/wow/alliance.jpg);
	background-size: 100%;
}

.faction-horde {
	background-image: url(/images/wow/horde.jpg);
	background-size: 100%;
}

#wowLocation .quest-container {
	border: 1px dashed #333;
	overflow-y: scroll;
	max-height: 300px;
}

#wowLocation .quest-summary {
	background-color: rgba(0,0,0,0.1);
	padding: 3px;
	border-bottom: 1px dashed #333;
	cursor: help;
}

#wowLocation .quest-summary:hover {
	background-color: rgba(0,0,0,0.2);
}

#wowLocation .quest-summary .quest-level {
	float: right;
	padding-right: 5px;
}

#newsContainer {
	background-color: #222;
	border-radius: 6px;
	left: 50%;
	margin-left: -620px;
	opacity: 1;
	padding: 4px;
	position: fixed;
	top: 50%;
	width: 978px;
	text-align: center;
	margin-top: -405px;
	padding-bottom: 0px;
}

#newsContainer .news-container-ahoriz {
	width: 728px;
}

#newsContainer .news-image {
	text-align: center;
}

#newsContainer .news-container-avert {
	width: 300px;
	float: left;
	background-color: rgba(0,0,0,0.3);
	height: 600px;
	margin-bottom: 4px;
	margin-right: 5px;
}

#newsContainer .news-container {
	max-height: 600px;
	overflow-y: scroll;
	text-align: left;
	padding: 10px;
	padding-right: 10px;
	background-color: rgba(0,0,0,0.3);
}

#newsContainer hr {
	margin-bottom: 12px;
	margin-top: 15px;
	border-top: 1px dashed #333;
}

#newsContainer h4 {
	color: #f75b2d;
	font-size: 18px;
	margin-bottom: 3px;
	font-weight: 400; 
}

#newsContainer h5 {
	color: #f75b2d;
	font-size: 13px;
	margin-bottom: 3px;
}

#newsContainer .news-half-container {
	display: inline-block;
	width: 48%;
	padding: 2px;
}

#newsContainer .news-title {
	background-color: rgba(0,0,0,0.3);
	color: #f15c29;
	display: block;
	text-align: center;
	font-size: 22px;
	margin-bottom: 8px;
	font-weight: 700;
	letter-spacing: -1px;
	text-transform: uppercase;
}

#newsContainer .cancelentry {
	float: right;
	font-size: 14px;
	color: #ccc;
	transition: all 0.7s ease 0s;
}

#newsContainer .cancelentry:hover {
	transform: scale(1.1);
	color: #aaa;
	cursor: pointer;
}

#newsContainer .btn {
	margin-top: 10px;
	width: 200px;
	float: right;
	position: absolute;
	bottom: 31px;
	right: 22px;
}

#newsContainer .news-container-right {
	width: 213px;
	float: right;
	padding: 10px;
	padding-top: 10px;
	padding-right: 5px;
    overflow-y: scroll;
    max-height: 640px;	
}

.leaflet-popup-tip-container {
	display: none;
}

.leaflet-popup-content-wrapper {
	border-radius: 4px;
	background-color: rgba(0,0,0,0.6);
	border: 1px solid #222;
	color: #eee;
}

.leaflet-popup-content-wrapper .leaflet-popup-content {
	margin: 0px;
}

.leaflet-popup-content-wrapper .leaflet-popup-content .map-pointer {
	position: absolute;
	width: 12px;
	height: 12px;
	background-color: #222;
	border-radius: 6px;
	margin-top: -6px;
	margin-left: -6px;
	border: 1px solid #111;
}

.map-context-menu {
	list-style: outside none none;
	padding: 1px;
	min-width: 200px;
	margin-bottom: 0px;
}

.map-context-menu li {
	font-size: 14px;
	transition: all 0.5s ease 0s;
	padding: 5px;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
}

.map-context-menu li:hover {
	color: #FB5B21;
	cursor: pointer;
	background-color: rgba(0,0,0,0.4);
}

.quest-detail .location-name {
	background-color: rgba(0,0,0,0.3);
	padding-left: 5px !important;
}

.quest-detail .cancelentry {
	float: right;
	font-size: 14px;
	color: #ccc;
	transition: all 0.7s ease 0s;
	top: 4px;
	right: 4px;
}

.quest-detail .quest-text {
	line-height: 17px;
	font-size: 13px !important;
}

.quest-detail hr {
	border-top: 1px dashed #444;
	margin-top: 8px;
	margin-bottom: 0px;
}

.quest-detail h4 span {
	color: #FB5B21;
}

.quest-detail h3 {
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: 18px;
	color: #fff;
	letter-spacing: -1px;
}

.quest-detail br {
  content: "";
  margin: 2em;
  display: block;
  font-size: 24%;
}

.quest-detail .relateditems {
	list-style: outside none none;
	padding-left: 10px;
	margin-bottom: 0px;
}

.quest-detail .relateditems img {
	position: relative;
	top: -2px;
}

.quest-detail .noteablePOI {
	width: 140px;
	float: left;
	background-color: rgba(0,0,0,0.3);
	margin: 2px;
	text-align: center;
}

.quest-detail .noteablePOI .imgcontainer {
	position:relative;
	display: block;
	min-height: 150px;
}

.quest-detail .noteablePOI .imgcontainer .fa-image{
	font-size: 80px;
	margin-top: 32px;
}

.quest-detail .noteablePOI .npcobject {
	height: 150px;
}

.quest-detail .noteablePOI .questicon {
	position: absolute;
	top: 1px;
	left: -2px;
}

.quest-detail .noteablePOI .questiconnpc {
	top: 2px;
  left: 2px;
}

.expansion-logo {
	margin-top: -1px;
	margin-left: 30px;
	margin-right: -30px;
}

.clear-both  {
	clear: both;
}

#881781846 {
	height: 250px !important; 
	width: 300px !important;
}

.location-content .poi-name {
	color: #f15c29;
	letter-spacing: -1px;
	font-size: 20px;
}

.location-content .completionContainer {
	background-color: #11111154;
    min-height: 30px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
    border-top: 1px solid #111;
    margin-top: 5px;
	text-align: right;
}
	
.location-content .completionContainer .loginplease, .location-content .completionContainer .complete-text {
    color: #ddd;
    line-height: 27px;	
	text-align: right;
	padding-right: 10px;
	display: inline-block;
}

.complete-check {
	display: inline-block;
	border: 1px solid #444;
	padding-left: 5px;
	padding-right: 5px;
	color: #38e32e;
	background-color: #000;
	margin-right: 3px;
	width: 27px;
	height: 24px;
	cursor: pointer;
	opacity: 1;
}
.complete-check .poi-notfound {
	opacity: 0;
}

.login-error {
    text-align: center;
	float: unset;
    padding: 5px;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: -15px;
}

.submenu .count-container {
    float: right;
    font-size: 15px;
    font-weight: 600;
}

.submenu .count-container .counts {
	display: inline-block;
}

.submenu .count-container .found-count::before {
	content: "FOUND"
}

.submenu .count-container .found-count {
	
}

.submenu .count-container .total-count {
	
}