img {
    clip-path: circle();
}	
.map-response {
    margin-top: 30vh;
    position: fixed;
    z-index: 1000;
    border: 1px solid red;
    padding: 0.4%;
    margin-left: 20vw;
    background-color: green;
    display:none;	
}
.playerAvatar .profile_avatar_frame {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	 pointer-events: none;
	 top:-21%;left:-19px;
 }
.playerAvatar.profile_header_size .playerAvatarAutoSizeInner {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
}
.playerAvatar.profile_header_size .playerAvatarAutoSizeInner {
	 position: absolute;
	 top: 2px;
	 right: 2px;
	 bottom: 2px;
	 left: 2px;
 }
.playerAvatar.profile_header_size {
	 position: relative;
	 height: 65px;
 }
.user-avatar {
    width: 4vw;
    position: absolute;
    left: -8px;
    top: -4px;
}

.col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.no-border td {
    border-top: 0 !important ;
    border-bottom: 0;	
}
.no-border>:not(:first-child) {
    border-top: 0px solid currentColor;
}	
.noborder:last-child {
  border: 2px solid orange;
}

.loader {
  border: 10px solid red;
  border-radius: 50%;
  border-top: 10px solid green;
  width: 90px;
  height: 90px;
   -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  position: relative;
  margin-left: 48vw;
  margin-top: -23vh;
  z-index: 2000;

}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.button-left{
  border-top: 0;
  float: left;
  clear: both;
}

.secret {
  display:none;
  position:absolute;
  /*background-color: #2f2f2f;*/
  color:white;
  width: 95%;
  margin-left: -1%;
  /*height:50%;*/
  border:1px solid #6c676740;
  z-index:1000;
  
}
.p_count {
  color:green;
  font-weight:bold;
  cursor:pointer;	
}

.modal-dialog{
  margin: auto;
  /*max-width: 83%; */ 
  max-height:none;
 /* width: fit-content;*/
 }

@media (max-width: 480px) {
  .span-show {
   display: none;
  }
  .mini {
  display: inline-flex;
  }
.loader{
margin-left: 30vw;
}
  	
}
.page-box {
    background-color: #2c2c;
    color: #000000;
    font-weight: bold;
}

.middle {
    vertical-align: middle !important;
}

.frame-popup {
   display: none;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   position: absolute;
}   
 
.bold {
   font-weight: bold;
}
.sidebar::-webkit-scrollbar {
    display: none;
}

.sidebar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

@media (max-width: 2000px) {
  .sidebar {
   left: -300px;
  }
}
@media (max-width: 1199px) {
  .sidebar {
    left: -300px;
  }   
}
.sidebar::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #fff;
}  
.sidebar::-webkit-scrollbar-thumb {
  background-color: #aab7cf;
}

@media (min-width: 1200px) {
  #main, #footer {
   margin-left: 0px;
  }
}
@media (max-width: 1199px) {
  .toggle-sidebar .sidebar {
    left: 0;
  }
}
@media (min-width: 1200px) {
  .toggle-sidebar #main, .toggle-sidebar #footer {
    margin-left: 0;
  }
  .toggle-sidebar .sidebar {
    left: 0px;
  }
}
.sidebar-nav {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar-nav li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar-nav .nav-item {
  margin-bottom: 5px;
}
.sidebar-nav .nav-heading {
  font-size: 11px;
  text-transform: uppercase;
  color: #899bbd;
  font-weight: 600;
  margin: 10px 0 5px 15px;
}
.sidebar-nav .nav-link {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  color: #4154f1;
  transition: 0.3;
  /*background: #f6f9ff;*/
  padding: 10px 15px;
  border-radius: 4px;
}
.sidebar-nav .nav-link i {
  font-size: 16px;
  margin-right: 10px;
  color: #4154f1;
}
.sidebar-nav .nav-link.collapsed {
  /*color: #cccccc;
  background: #fff;*/
}
.sidebar-nav .nav-link.collapsed i {
  /*color: #cccccc;*/
}
.sidebar-nav .nav-link:hover {
  color: #4154f1;
  /*background: #f6f9ff;*/
}
.sidebar-nav .nav-link:hover i {
  color: #4154f1;
}

@media (min-width: 768px) {
  .mobile-display{
    display: none;
  }
   	
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: .8em;
}
.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: .1rem;
	margin-right: .1rem;
}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}
.console-date {
	color: #ffff00;
	font-weight: bold;
}

.console-server {
	color: #228B22;
	font-weight: bold;
} 
.console-banned {
	color: #FF5733;
	font-weight: bold;
}
.console-default {
	color:#e1e1e1;
	background: #000000;
}
.console-default-user{
	color: #228B22;
	font-weight: bold;
}
.console-log{
	margin-top: 3%;
	margin-bottom: 2%;
    	background: #000;
    	color: #fff;
    	width: 100%;
    	max-height: 520px !important;
    	min-height: 520px;
    	height: 520px;
    	overflow: auto;
    	padding: 1%;
    	float: left;
    	white-space: nowrap;
    	border-style: double;
    	text-align: left;
    	font-size: smaller;
	webkit-scrollbar-thumb: #7D7E94; 
}

.console-log::-webkit-scrollbar {
  width: 10px;
  height:10px;
}

.console-log::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}

.console-log::-webkit-scrollbar-thumb {
  background: #c72633; 
  border-radius: 5px;
}

.console-log::-webkit-scrollbar-thumb:hover {
  /*background: #b30000;*/
  background: #e3dc0b; 
}
.console-attacker{
  color: #0b6e25;
  font-weight: bold;
}
.console-victim {
  color: #FFA500;
  font-weight: bold;
}
/* div tables */
.divTable{
	display: table;
	width: 65%;
}
.divTableRow {
	display: table-row;
}
/*.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}*/
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
/* end div tables */
.card-icons{
color : cadetblue;
float : right;
font-size : xx-large;
margin-top : -2%;
}

.no-border {
border : none;
}

.active-load{
height : 60vh;
width : 100%;
}

.active-servers {
font-weight : bold;
text-align : center;
display : none;
margin : auto;
margin-top : 10%;
width : 70%;
}

.white {
color : #ccc;
font-weight: normal;
}

.row {
display : flex;
}