:root {
		--orange-border-color: #ff7b0b;
		--black-border-color: #00000099;
		--purple-border-color: #942ae7;
		--blue-border-color: #2473ff;
		--red-border-color: #ff2121;
		--green-border-color: #19e70a;
		--pink-border-color: #f715d3;
		--rank-gold-color: #ffbf00;
		--rank-silver-color: #badbe7; /*D8D8D8*/
		--rank-bronze-color: #cd7f32;
		--rank-one-color: #fd4603;
		
	  }

	.border-round-gold {
		border-width: 2px;
		border-radius: 50%;
		border-style: inset;
		border-color: #ffbf00;
	}

	.border-round-silver {
		border-width: 2px;
		border-radius: 50%;
		border-style: inset;
		border-color: #D8D8D8;
	}

	.border-round-silver-new {
		border-width: 2px;
		border-radius: 50%;
		border-style: inset;
		border-color: var(--rank-silver-color);
	}

	.border-round-bronze {
		border-width: 2px;
		border-radius: 50%;
		border-style: inset;
		border-color: #cd7f32;
	}

	.border-ruby {
		border-width: 1px;
		border-style: solid;
		padding: 0px;
		border-color: #ea2324;
	}
	.border-pink {
		border-width: 1px;
		border-style: solid;
		padding: 0px;
		border-color: #e2a2c7;
	}	
	.border-emerald {
		border-width: 1px;
		border-style: solid;
		padding: 0px;
		border-color: #10e17c;
	}
	
	
	.border-round-red {
		border-width: 2px;
		border-radius: 50%;
		border-style: inset;
		border-color: #ea2324;
	}
	
	.border-round-pink {
		border-width: 2px;
		border-radius: 50%;
		border-style: solid;
		border-color: #e2a2c7;
	}
	
	.border-round-blue {
		border-width: 2px;
		border-radius: 50%;
		border-style: solid;
		border-color: #3c8cc9;
	}

	.border-round-emerald {
		border-width: 2px;
		border-radius: 50%;
		border-style: inset;
		border-color: #10e17c;
	}

	.border-rounded-orange-green {
		border-radius: 5px;
		border-bottom: 2px inset #f89406;
		border-top: 2px inset #07e907;
		border-left: 2px inset #07e907;
		border-right: 2px inset #f89406;
	}

	.border-round-purple {
		border-width: 2px;
		border-style: solid;
		padding: 0px;
		border-color: #c303fd;
		border-radius: 50%;
	}


	  .border-pulse-orange {
		animation-name: pulse_border_orange;
		animation-duration: 3s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		-webkit-animation-name: pulse_border_orange;
		-webkit-animation-duration: 3s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-name: pulse_border_orange;
		-moz-animation-duration: 3s;
		-moz-animation-timing-function: linear;
		-moz-animation-iteration-count: infinite;
		border: 1px solid var(--orange-border-color);
	  }
	  
	  @keyframes pulse_border_orange {
		0% {
		  border-color: var(--orange-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--orange-border-color);
		}
	  }
	  
	  @-webkit-keyframes pulse_border_orange {
		0% {
		  border-color: var(--orange-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--orange-border-color);
		}
	  }
	  
	  @-moz-keyframes pulse_border_orange {
		0% {
		  border-color: var(--orange-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--orange-border-color);
		}
	  }

	  .border-pulse-purple {
		animation-name: pulse_border_purple;
		animation-duration: 3s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		-webkit-animation-name: pulse_border_purple;
		-webkit-animation-duration: 3s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-name: pulse_border_purple;
		-moz-animation-duration: 3s;
		-moz-animation-timing-function: linear;
		-moz-animation-iteration-count: infinite;
		border: 1px solid var(--purple-border-color);;
	  }
	  
	  @keyframes pulse_border_purple {
		0% {
		  border-color: var(--purple-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--purple-border-color);
		}
	  }
	  
	  @-webkit-keyframes pulse_border_purple {
		0% {
		  border-color: var(--purple-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--purple-border-color);
		}
	  }
	  
	  @-moz-keyframes pulse_border_purple {
		0% {
		  border-color: var(--purple-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--purple-border-color);
		}
	  }

	  .border-pulse-blue {
		animation-name: pulse_border_blue;
		animation-duration: 3s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		-webkit-animation-name: pulse_border_blue;
		-webkit-animation-duration: 3s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-name: pulse_border_blue;
		-moz-animation-duration: 3s;
		-moz-animation-timing-function: linear;
		-moz-animation-iteration-count: infinite;
		border: 1px solid var(--blue-border-color);
	  }

	  .round {
		border-width: 2px;
		border-radius: 50%;
	  }
	  
	  @keyframes pulse_border_blue {
		0% {
		  border-color: var(--blue-border-color);
		}
		50% {
		  border-color:  var(--black-border-color);
		}
		100% {
		  border-color: var(--blue-border-color);
		}
	  }
	  
	  @-webkit-keyframes pulse_border_blue {
		0% {
		  border-color: var(--blue-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--blue-border-color);
		}
	  }
	  
	  @-moz-keyframes pulse_border_blue {
		0% {
		  border-color: var(--blue-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--blue-border-color);
		}
	  }
	  .border-pulse-red {
		animation-name: pulse_border_red;
		animation-duration: 3s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		-webkit-animation-name: pulse_border_red;
		-webkit-animation-duration: 3s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-name: pulse_border_red;
		-moz-animation-duration: 3s;
		-moz-animation-timing-function: linear;
		-moz-animation-iteration-count: infinite;
		border: 1px solid var(--red-border-color);;
	  }
	  
	  @keyframes pulse_border_red {
		0% {
		  border-color: var(--red-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--red-border-color);
		}
	  }
	  
	  @-webkit-keyframes pulse_border_red {
		0% {
		  border-color: var(--red-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--red-border-color);
		}
	  }
	  
	  @-moz-keyframes pulse_border_red {
		0% {
		  border-color: var(--red-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--red-border-color);
		}
	  }

	  .border-pulse-green {
		animation-name: pulse_border_green;
		animation-duration: 3s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		-webkit-animation-name: pulse_border_green;
		-webkit-animation-duration: 3s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-name: pulse_border_green;
		-moz-animation-duration: 3s;
		-moz-animation-timing-function: linear;
		-moz-animation-iteration-count: infinite;
		border: 1px solid var(--green-border-color);;
	  }
	  
	  @keyframes pulse_border_green {
		0% {
		  border-color: var(--green-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--green-border-color);
		}
	  }
	  
	  @-webkit-keyframes pulse_border_green {
		0% {
		  border-color: var(--green-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--green-border-color);
		}
	  }
	  
	  @-moz-keyframes pulse_border_green {
		0% {
		  border-color: var(--green-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--green-border-color);
		}
	  }

	  .border-pulse-pink {
		animation-name: pulse_border_pink;
		animation-duration: 3s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		-webkit-animation-name: pulse_border_pink;
		-webkit-animation-duration: 3s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-name: pulse_border_pink;
		-moz-animation-duration: 3s;
		-moz-animation-timing-function: linear;
		-moz-animation-iteration-count: infinite;
		border: 1px solid var(--pink-border-color);;
	  }
	  
	  @keyframes pulse_border_pink {
		0% {
		  border-color: var(--pink-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--pink-border-color);
		}
	  }
	  
	  @-webkit-keyframes pulse_border_pink {
		0% {
		  border-color: var(--pink-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--pink-border-color);
		}
	  }
	  
	  @-moz-keyframes pulse_border_pink {
		0% {
		  border-color: var(--pink-border-color);
		}
		50% {
		  border-color: var(--black-border-color);
		}
		100% {
		  border-color: var(--pink-border-color);
		}
	  }

	  
.border-rank1 {
	border-width: 2px;
    border-style: solid;
    padding: 0px;
    border-color: #fd4603;
}

.color-rank1 {
	color: var(--rank-one-color);
	text-shadow: 2px 2px 4px #000000;
}

.bg-color-rank1 {
	background-color: var(--rank-one-color);
}


.color-purple {
	color: #c303fd;
	text-shadow: 2px 2px 4px #000000;
}

.border-purple {
	border-width: 2px;
    border-style: solid;
    padding: 0px;
	border-color: #c303fd;
}

.color-gold {
	color: var(--rank-gold-color);
	text-shadow: 2px 2px 4px #000000;
}

.bg-color-gold {
	background-color: var(--rank-gold-color);
}

.border-gold {
	border-width: 1px;
    border-style: solid;
    padding: 0px;
    border-color: #ffbf00;
}

.border-gold-2 {
	border-width: 2px;
    border-style: solid;
    padding: 0px;
    border-color: #ffbf00;
}

.color-silver {
	color: var(--rank-silver-color);
	text-shadow: 2px 2px 4px #000000;
}

.bg-color-silver {
	background-color: var(--rank-silver-color);
}


.border-silver {
	border-width: 1px;
    border-style: solid;
    padding: 0px;
    border-color: #D8D8D8;
}

.border-silver {
	border-width: 1px;
    border-style: solid;
    padding: 0px;
    border-color: #D8D8D8;
}

.border-silver-new {
	border-width: 1px;
    border-style: solid;
    padding: 0px;
    border-color: var(--rank-silver-color);
}

.border-silver-2 {
	border-width: 2px;
    border-style: solid;
    padding: 0px;
    border-color: #D8D8D8;
}

.border-silver-2-new {
	border-width: 2px;
    border-style: solid;
    padding: 0px;
    border-color:  var(--rank-silver-color);
}

.color-bronze-no-shadow {
	color: var(--rank-bronze-color);
}

.color-silver-no-shadow {
	color: var(--rank-silver-color);
}

.color-gold-no-shadow {
	color: var(--rank-gold-color);
}

.color-rank1-no-shadow {
	color: var(--rank-one-color);
}

.color-paper-no-shadow {
	color: #aaa;}

.color-bronze {
	color: var(--rank-bronze-color);
	text-shadow: 2px 2px 4px #000000;
}

.bg-color-bronze {
	background-color: var(--rank-bronze-color);
}

.border-bronze {
	border-width: 1px;
    border-style: solid;
    padding: 0px;
    border-color: #cd7f32;
}

.border-bronze-2 {
	border-width: 2px;
    border-style: solid;
    padding: 0px;
    border-color: #cd7f32;
}

.color-paper {
	color: #aaa;
	text-shadow: 2px 2px 4px #000000;
}

.border-paper {
	border-width: 1px;
    border-style: solid;
    padding: 0px;
    border-color: #aaa;
}

.border-blue {
    border-width: 1px;
    border-style: solid;
    padding: 0px;
    border-color: #0081b3;
}

.border-sky-blue {
    border-width: 1px;
    border-style: solid;
    padding: 0px;
    border-color: #7a9cce;
}

.border-dark-cyan {
    border-width: 1px;
    border-style: solid;
    padding: 0px;
    border-color: #056069;
}

.border-blue-groove { /* not in use */
    border-width: 5px; 
    border-style: groove;
    padding: 0px;
    border-color: #1e95d0;
}

.border-red-groove { /* not in use */
    border-width: 5px;
    border-style: groove;
    padding: 0px;
    border-color: #d01e1e;
}

.border-pink-groove { /* not in use */
    border-width: 5px;
    border-style: groove;
    padding: 0px;
    border-color: #d4609b;
}

.border-black-inset {
    border-width: 2px;
    border-style: inset;
    padding: 1px;
    border-color: #272426;
}

.border-orange-inset { /* not in use */
    border-width: 2px;
    border-style: inset;
    padding: 1px;
    border-color: #d44e0f;
}


.border-round-red-purple-gradient { 
	background: linear-gradient(to right, #ff0038, #ff68ff);
	padding: 2px;
	border-width: 0px;
	border-radius: 50%;
}

.border-round-emerald-gradient { 
	background: linear-gradient(to right, #10e17c, #e4f3ff);
	padding: 2px;
	border-width: 0px;
	border-radius: 50%;
}

.border-round-icy-gradient {
	background: linear-gradient(to right, #0d85b6, #e4f3ff);
	padding: 2px;
	border-width: 0px;
	border-radius: 50%;
}

.border-red-purple-gradient { 
	background: linear-gradient(to right, #ff0038, #ff68ff);
	padding: 2px;
	border-width: 0px;
}

.border-icy-gradient {
	background: linear-gradient(to right, #0d85b6, #e4f3ff);
	padding: 2px;
	border-width: 0px;
}

.border-emerald-gradient { 
	background: linear-gradient(to right, #10e17c, #e4f3ff);
	padding: 2px;
	border-width: 0px;
}

.border-lime-gradient { 
background: linear-gradient(to right,#d5ffd5,#adff68);
padding: 2px;
border-width: 0px;
}

.border-round-lime-gradient { 
background: linear-gradient(to right,#d5ffd5,#adff68);
padding: 2px;
border-width: 0px;
border-radius: 50%;
}

.badge-rank {
	color: #ffffff;
	text-shadow: 2px 2px 4px #000000;
}


.shine{
	font-weight: bold;
	text-decoration: none;	
	-webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
	-webkit-mask-size: 200%;
	 animation: shine 2.5s linear infinite;
	 animation-delay: 1s;
 }
 
 
 
 .shine-delayed {
	font-weight: bold;
	text-decoration: none;	
	-webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
   -webkit-mask-size: 200%;
	animation: shine-delayed 2.5s linear infinite;
	animation-delay: 1s;
 }
 
 
 
 @keyframes shine {
   from { -webkit-mask-position: 150%; }
   to { -webkit-mask-position: -50%; }
 }
 
 
 
 @keyframes shine-delayed{
   0% { -webkit-mask-position: 150%; }
   25% { -webkit-mask-position: -50%;}
   100% { -webkit-mask-position: -50%;}
 }

.border-amethyst
{
	border-width: 3px;
    border-style: inset;
    padding: 0px;
    border-color: #7e08f5
}

.border-round-amethyst
{
	border-width: 3px;
    border-style: inset;
    padding: 0px;
    border-color: #7e08f5;
	border-radius: 50%;
}

.border-sapphire
{
	border-width: 3px;
    border-style: ridge;
    padding: 0px;
    border-color: #007bff;
}

.border-round-sapphire
{
	border-width: 3px;
    border-style: inset;
    padding: 0px;
    border-color: #007bff;
	border-radius: 50%;
}

.border-round-black
{
	border-width: 3px;
    border-style: solid;
    border-color: #000000;
	border-radius: 50%;
}

.border-black
{
	border-width: 2px;
    border-style: solid;
    border-color: #000000
}

.border-amethyst-rotated
{
	border-width: 5px;
    border-style: inset;
    padding: 0px;
    border-color: #7e08f5;
	transform: rotate(-45deg);
}