/*.thebody {
	font-family:"Arial";
	font-size:10px;
	background-repeat: no-repeat;
    background-position: center;
	background-size: cover;
	background-color:black;
	background-attachment: fixed !important;
	color: #000;
}*/

.thebody {
    font-family: Arial;
    font-size: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: black;
    color: rgb(0, 0, 0);
    background-attachment: fixed !important;
    background-position: center center;
	height:100%;
	width:100%;
}

.firstplayer,
.secondplayer,
.thirdplayer {
  font-weight: 600;
  text-align: center;
  padding: 0px 0px;
  border-radius: 0;
  position: relative;
  /*overflow: hidden;*/
  color: #111;
}

/*.firstplayer::before,
.secondplayer::before,
.thirdplayer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 45%;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.85) 0%,
    rgba(255,255,255,0.65) 50%,
    rgba(255,255,255,0.0) 100%
  );
  pointer-events: none;
}*/

/* GOLD */
.firstplayer {
  background: #ffc107;
}

/* SILVER */
.secondplayer {
  background: #cfcfcf;
}

/* BRONZE */
.thirdplayer {
  background: #cd7f32;
}


ul, ol, dl {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 5px;
	padding-left: 5px;
}

table {
	font-size: 12px;
}

th {
	/* border: 0px inset black; */
    /* border: inset; */
    /* border-color: #000000; */
    padding: 5px;
    font-size: 12px;
    background-color: #2d4b58;
    border-radius: 0px;
    text-align: center;
    color: white;
}

.borderfirst {
	border-color:#ffcc00 !important;
}

.bordersecond {
	border-color:#eee !important;
}

.borderthird {
	border-color:#CD7F32 !important;
}

.dynamic-cell {
    max-height: 60px;     /* same as td height */
    /*overflow-y: auto;*/    /* scroll instead of stretching row */
}

.toplisttr {
	height: 50px;
}

.tda {
  display: block;
  width: 100%;
  text-decoration: none;
}
.tda:hover {
  display: block;
  width: 100%;
  text-decoration: none;
  background-color: #386274;
  border-radius:30px;
}
.tdae {
}
.tdae:hover {
  background-color: #386274;
}

td {
    /* border: 0px inset black; */
    /* border: inset; */
    /* border-color: #000000;
    background-color: #2d4b58; */
    padding: 2px;
    font-size: 10px;
    border-radius: 3px;
    text-align: center;
    color: white;
	background-color:#13252c;
}

a img {
	border: none;
	border-radius: 0px;
}

img {
	border-radius: 0px;
}

/* Base progress bar */
progress {
    height: 15px;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 3px;
    overflow: hidden;
    background-color: #0f1115;
	max-width:50px;
	
}

/* Track */
progress::-webkit-progress-bar {
    background-color: #0f1115;
}

/* Default fill */
.prog_class::-webkit-progress-value {
    background: teal; /* fallback */
    background: linear-gradient(90deg, #1a1f24, #3a3f45);
    border-radius: 3px;
}

/* Teal (main / featured) */
.prog_classf::-webkit-progress-value {
    background: goldenrod; /* fallback */
    background: linear-gradient(90deg, #0a1f22, goldenrod);
    border-radius: 3px;
}

/* Soft gray (secondary) */
.prog_classs::-webkit-progress-value {
    background: silver; /* fallback */
    background: linear-gradient(90deg, #1a1a1a, silver);
    border-radius: 3px;
}

/* Bronze-ish (tertiary) */
.prog_classt::-webkit-progress-value {
    background: darkorange; /* fallback */
    background: linear-gradient(90deg, #2a1a12, darkorange);
    border-radius: 3px;
}

/* Firefox support */
.prog_class::-moz-progress-bar {
    background: #3a3f45; /* fallback */
    background: linear-gradient(90deg, #1a1f24, #3a3f45);
    border-radius: 3px;
}

.prog_classf::-moz-progress-bar {
    background: #00c9a7; /* fallback */
    background: linear-gradient(90deg, #0a1f22, #00c9a7);
    border-radius: 3px;
}

.prog_classs::-moz-progress-bar {
    background: #bfc3c7; /* fallback */
    background: linear-gradient(90deg, #1a1a1a, #bfc3c7);
    border-radius: 3px;
}

.prog_classt::-moz-progress-bar {
    background: #c47a2c; /* fallback */
    background: linear-gradient(90deg, #2a1a12, #c47a2c);
    border-radius: 3px;
}

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

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

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

.Ach_name {
	color:#f8ffdd !important;
	font-weight:bold;
	font-size: 14px;
}

.Ach_notice {
	color:#f8ffdd;
	font-size: 12px;
}

.Ach_name_sb {
	color:#d9d7ff !important;
	font-weight:bold;
}

.Ach_name_b {
	color:#ffcccc !important;
	font-weight:bold;
	font-size: 14px;
}

.Ach_rank_title {
	color:#ffcccc !important;
	font-weight:bold;
	font-size: 13px;
}

.Ach_name_s {
	color:#d2f7c4 !important;
	font-weight:bold;
	font-size: 12px;
}

.Ach_res {
	color:#a7daa7;
	font-weight:bold;
	font-size: 15px;
}
.Ach_name {
	color:#a7daa7;
	font-weight:bold;
	font-size: 15px;
}

.Ach_val {
	color:#f8ffdd;
	font-weight:bold;
	font-size: 13px;
}

.ach_info {
	color:#ffffff !important;
	font-size: 13px;
}

.img_clickable {
	opacity: 0.3;
}

.img_clickable:hover {
	opacity: 1;
}

.text_title {
	font-weight: bold;
	color:#cee6e1;
}

.playeravatar {
	border-radius: 5px;
    border: inset 1px;
    width: 75px;
    float: left;
}

.playeravatartop {
	border-radius: 5px;
    border: inset 1px;
    width: 30px;
    text-align: center;
	border-color: #707070;
    border-width: 2px;
}

.steamavataronline {
	border-radius: 5px;
    border: inset 1px;
    width: 30px;
    text-align: center;
	border-color: lime;
    border-width: 2px;
	transition: 0.2s;
	position: absolute;
    display: block;
    align-self: center;
}

.steamavataroffline {
	border-radius: 5px;
    border: inset 1px;
    width: 30px;
    text-align: center;
	border-color: #707070;
    border-width: 2px;
	transition: 0.2s;
	position: absolute;
    display: block;
    align-self: center;
}

.steamavataroffline:hover {
	width: 100px;
	position:absolute;
	display:block;
	/*transform: scale(2.0);*/
}

.steamavataronline:hover {
	width: 100px;
	position:absolute;
	display:block;
	/*transform: scale(2.0);*/
}

.rankimg:hover {
	/*width: 100px;*/
	/*transform: scale(1.5);*/
}

.playeravatartop:hover {
	width: 100px;
	/*transform: scale(2.0);*/
}

.limittdwidth{
	max-width: 50px;
}

.playeravatartopnot {
	border-radius: 30px;
    width: 30px;
    text-align: center;
	border-color: #707070;
    border-width: 2px;
	/*filter: grayscale(100%)*/
}
/*
.playeravatartopnot:hover {
	transform: scale(2.5);
}*/

.ranknumber {
    display: inline-block;
    font-family: "Verdana", "Arial", sans-serif; /* clean modern font */
    font-weight: bold;
    font-size: 12px;
    color: #b3d9fb; /* teal */
    text-align: center;
    text-shadow: 1px 1px 0 #000; /* subtle depth */
    width: 24px;  /* optional: fixed width for alignment */
}
.rank1 {
    color: #ffe200; /* teal */
}
.rank2 {
    color: #9f9f9f; /* teal */
}
.rank3 {
    color: #955a00; /* teal */
}

.sameplayer {
	font-weight: bold;
	color:#4cd872 !important;
}
.sameplayer:hover {
	font-weight: bold;
	color:teal !important;
	font-size: 12px;
}

.table_players {
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	border: 1px solid black;
	font-size: 12px;
	background-color: #5451517a;
	border-radius: 0px;
}

.tr_players {
	border: 1px solid black;
	padding:0px;
	font-size: 12px;
	background-color: darkblue !important;
	border-radius: 0px;
	text-align: center;
}

.td_players {
	border: 1px solid black;
	padding:1px;
	font-size: 12px;
	background-color: #222a3a !important;
	border-radius: 0px;
	text-align: center;
}

.table_left {
	margin-left: 5px;
	margin-right: auto;
	font-size: 12px;
	border: 1px solid black;
	font-size: 12px;
	background-color: #5451517a;
	border-radius: 0px;
}

.table_center {
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	border: 1px solid black;
	font-size: 12px;
	background-color: #5451517a;
	border-radius:5px;
	width:90%;
}

.table_right {
	margin-left: auto;
	margin-right: 5px;
	font-size: 12px;
	border: 1px solid black;
	font-size: 12px;
	background-color: #5451517a;
	border-radius: 0px;
}

.table_normal {
	font-size: 12px;
	border: 1px solid black;
	font-size: 12px;
	background-color: #5451517a;
	border-radius: 0px;
}

.table_left_float {
	Float:left;
	font-size: 12px;
	border: 1px solid black;
	font-size: 12px;
	background-color: #5451517a;
	border-radius: 0px;
}

.table_right_float {
	Float:right;
	font-size: 12px;
	border: 1px solid black;
	font-size: 12px;
	background-color: #5451517a;
	border-radius: 0px;
}

.selected_section {
	color:white !important;
	text-shadow: 0px 0px 5px aqua !important;
}

.th_checked {
	background-color:#a0a0a0c2;
}

.th_unchecked {
	background-color:#7a7a7bc2;
}

a:link {
	color:#afcef5;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color:#afcef5;
	text-decoration: underline;
}

.username {
	color:white !important;
	min-height: 40px;
    border-radius: 5px;
    display: block;
    align-content: space-around;
}
.username:hover {
	color:#00aaff !important;
	font-weight: bold;
	font-size:13px;
	cursor:pointer;
	min-height: 40px;
    border-radius: 5px;
    display: block;
    align-content: space-around;
	background-color:#394f58;
}


.usernametop1 {
	color:black !important;
	min-height: 40px;
    border-radius: 5px;
    display: block;
    align-content: space-around;
}
.usernametop1:hover {
	color:black !important;
	font-weight: bold;
	font-size:13px;
	cursor:pointer;
	min-height: 40px;
    border-radius: 5px;
    display: block;
    align-content: space-around;
	background-color:#fdef88;
}
.usernametop2 {
	color:black !important;
	min-height: 40px;
    border-radius: 5px;
    display: block;
    align-content: space-around;
}
.usernametop2:hover {
	color:black !important;
	font-weight: bold;
	font-size:13px;
	cursor:pointer;
	min-height: 40px;
    border-radius: 5px;
    display: block;
    align-content: space-around;
	background-color:#f5f5f5;
}
.usernametop3 {
	color:black !important;
	min-height: 40px;
    border-radius: 5px;
    display: block;
    align-content: space-around;
}
.usernametop3:hover {
	color:black !important;
	font-weight: bold;
	font-size:13px;
	cursor:pointer;
	min-height: 40px;
    border-radius: 5px;
    display: block;
    align-content: space-around;
	background-color:#cda074;
}
.usernamethird{
	color:yellow !important;
}
.usernametop {
	color:black !important;
}
.usernametop:hover {
	color:#00aaff !important;
	font-weight: bold;
	font-size:13px;
	cursor:pointer;
}

a:hover, a:active, a:focus {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.container {
	background-color:#9697a95e;
	width: 90%;
	height: 90%;
	/*max-width: 1024px;*/
	min-width: 780px;
	margin: 0 auto;
	border-radius: 10px;
}

.header {
	background-color: transparent;
}

.sidebar1 {
	float: left;
	width: 10%;
	height: 80%;
	background-color: transparent;
	font-size: 12px;
}

.content {
	padding: 10px 10px 10px 10px;
	width: 80%;
	min-height: 340px;
	float: left;
	background-color: #292929e3;
	border-radius: 10px;
	color:white;
}

.content ul, .content ol {
	/*padding: 0 15px 15px 40px;*/
}

ul.nav {
	list-style: none;
	/*border-top: 1px solid #666;*/
}

ul.nav li {
	/*border-bottom: 1px solid #666;*/
}

.button {
    padding: 5px 5px 5px 2px;
	display: block;
	text-decoration: none;
	background: linear-gradient(#538ace, #37403f);
	color: black;
	font-size: 100%;
	font-weight: bold;
	border-radius: 0px;
	text-align: center;
}

.submit {
    padding: 5px 5px 5px 2px;
	display: block;
	text-decoration: none;
	background: linear-gradient(#538ace, #37403f);
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	border-radius: 0px;
	text-align: center;
}

.reset {
    padding: 5px 5px 5px 2px;
	display: block;
	text-decoration: none;
	background: linear-gradient(#538ace, #37403f);
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	border-radius: 0px;
	text-align: center;
}

ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 2px;
	display: block;
	text-decoration: none;
	background: linear-gradient(#4d5d71, #9a9b9e);
	color: #000;
	font-size: 100%;
	font-weight: bold;
	border-radius: 0px;
	text-align: center;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	background: linear-gradient(#587dab, #ffffff);
	color: #000;
	font-weight: bold;
	font-size: 100%;
	text-align: center;
	border-radius: 0px;
}

.footer {
	padding: 0px 5px 0px 0px;
	background-color: black;
	position: relative;
	clear: both;
	text-align:right;
	font-family:"Arial";
	font-size: 11px;
	font-style:normal;
	color:white;
}

.fltrt {
	float: right;
	margin-left: 8px;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.logo {
	content:url("http://renegade.army/forums/admintools/theme/images/rA_LOGO.png");
	height:100px;
	width:100px;
	border-radius: 50%;
	box-shadow: 0px 0px 0px 0px blue;
	animation: glowlogo 1.5s linear infinite alternate;
}

@keyframes glowlogo{
	to {
		box-shadow: 0px 0px 20px 2px aqua;
	}
}

@keyframes glowlogo{
	to {
		-webkit-filter: brightness(2);
		filter: brightness(2);
	}
}

.logo_off {
	content:url("http://renegade.army/forums/admintools/theme/images/rA_LOGO.png");
	height:100px;
	width:100px;
	border-radius: 50%;
	box-shadow: 0px 0px 50px 0px red;
	animation: glowlogooff 1.5s linear infinite alternate;
}

@keyframes glowlogooff{
	to {
		box-shadow: 0px 0px 20px 2px red;
	}
}

@keyframes glowlogooff{
	to {
		-webkit-filter: brightness(2);
		filter: brightness(2);
	}
}

.banner {
	content:url("http://renegade.army/forums/admintools/theme/images/ATBanner.png");
	/*display:block !important;*/
	border:0 !important;
    margin: auto !important;
	max-width:80% !important;
}

ul.nav a { zoom: 1; } 

input[class=checkbox]
{
  -ms-transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  -o-transform: scale(2);
  padding: 10px;
}

input[class=checkbox]:before 
{ 
	content:""; 
	display:inline-block; 
	width:14px; 
	height:14px; 
	background:white; 
}

input[class=checkbox]:checked:before 
{ 
	content:url("https://my.funlocity.com/img/trans_greencheck.png");
	background:white; 
}

.no_avatar {
	content:url("http://renegade.army/forums/admintools/theme/images/no_avatar.png");
}

.icon_info {
	margin: 1px;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	float:left;
	vertical-align:text-top;;
}

.icon_online {
	content:url("http://renegade.army/forums/admintools/theme/images/online.png");
	margin: 1px;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	box-shadow: 0px 0px 1px 1px green;
	animation: glowShadow 1.5s linear infinite alternate;
	float:left;
	vertical-align:text-top;
}

@keyframes glowShadow{
	to {
		box-shadow: 0px 0px 2px 2px lime;
	}
}

@keyframes glowImage{
	to {
		-webkit-filter: brightness(2);
		filter: brightness(2);
	}
}

.icon_offline {
	content:url("http://renegade.army/forums/admintools/theme/images/offline.png");
	margin: 1px;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	box-shadow: 0px 0px 1px 1px black;
	float:left;
	vertical-align:text-top;
}

.icon_folder {
	content:url("http://renegade.army/forums/admintools/theme/images/foldericons/folder.gif");
	width: 12px !important;
	height: 12px !important;
}

.icon_textfile {
	content:url("http://renegade.army/forums/admintools/theme/images/foldericons/text.png");
	width: 12px !important;
	height: 12px !important;
}

.icon_lockedfile {
	content:url("http://renegade.army/forums/admintools/theme/images/locked.png");
	width: 12px !important;
	height: 12px !important;
}

.font_folder {
	color:#ffcf78;
	font-weight: bold;
}

.font_textfile {
	color:#f5f5f9;
	font-weight: bold;
}

.font_lockedfile {
	color:#a2a2a2;
}


.Ach_rank_name{
	color: #a7fbe1;
	font-size: 15px;
}

.server_name{
	padding:5px !important;
	color:#01ff60; 
	vertical-align: text-top;
}

.server_on {
	padding:5px !important;
	background:#678a74; 
	vertical-align: text-top;
}

.server_off {
	padding:5px !important;
	background:#6f2626; 
	vertical-align: text-top;
}

.server_on:hover {
	padding:5px !important;
	background:#55a773; 
	vertical-align: text-top;
}

.server_off:hover {
	padding:5px !important;
	background:#904d4d; 
	vertical-align: text-top;
}

.server_text_online {
	color:#6bf76b;
	font-weight: bold;
}

.server_text_offline {
	color:#ff4646;
	font-weight: bold;
}

.server_text_info {
	color:#e2e2e2;
}
.success_box {
	background-color:#507b50 !important;
	text-shadow: 0px 0px 4px #00ff2b !important;
}

.table_clickable {
	background-color:#7a7a7bc2 !important;
}

.table_clickable:hover {
	background-color:#8c8ca7c2 !important;
}

.failed_box {
	background-color:#7b5050 !important;
	text-shadow: 0px 0px 4px red !important;
}

.admin_online {
	background-color:#00adff40 !important;
	text-shadow: 0px 0px 2px black !important;
}

.admin_steam {
	color:#6dc77c;
}

.admin_normal{
	color:#e0dfdf;
}

.admin_error{
	color:red;
}

.admin_disabled{
	color:#ce9f49;
}

.admin_editable{
	color:#e0dfdf !important;
}

.admin_uneditable{
	color:darkgrey !important;
}

.font_success {
	color:lime;
}

.font_failed {
	color:red;
}

/*
.checkboxtext
{
  font-size: 110%;
  display: inline;
}
*/

.styled-checkbox {
  position: absolute; // take it out of document flow
  opacity: 0; // hide it

  & + label {
    position: relative;
    cursor: pointer;
    padding: 0;
  }

  // Box.
  & + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
  }

  // Box hover
  &:hover + label:before {
    background: #f35429;
  }
  
  // Box focus
  &:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  }

  // Box checked
  &:checked + label:before {
    background: #f35429;
  }
  
  // Disabled state label.
  &:disabled + label {
    color: #b8b8b8;
    cursor: auto;
  }

  // Disabled box.
  &:disabled + label:before {
    box-shadow: none;
    background: #ddd;
  }

  // Checkmark. Could be replaced with an image
  &:checked + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 
      2px 0 0 white,
      4px 0 0 white,
      4px -2px 0 white,
      4px -4px 0 white,
      4px -6px 0 white,
      4px -8px 0 white;
    transform: rotate(45deg);
  }
}

/* DROPDOWN MENU */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

/* END OF DROPDOWN MENU */

.pagination {
    display: flex;
    justify-content: center;   
    align-items: center;
    gap: 15px;                 
    margin-top: 15px;         
    padding-bottom: 50px;
	text-align:center;
}

.btn {
    padding: 5px 20px;
    background-color: #212b38;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
}

.btn:hover {
    transform: translateY(-2px);
    background-color: #314156;
    box-shadow: 0 0 12px rgba(0, 255, 150, 0.4);
}

/* Back button style */
.btn.back {
    border-left: 3px solid #00c853;
	color:white;
}

/* Next button style */
.btn.next {
    border-right: 3px solid #00c853;
	color:white;
}
.btn.disabled {
    opacity: 0.4;
    pointer-events: none;
    box-shadow: none;
}