img.rarityUnturnedCommon, img.rarityUnturnedUncommon, img.rarityUnturnedRare, img.rarityUnturnedEpic, img.rarityUnturnedLegendary, img.rarityUnturnedMythical, img.raritySteamCommon, img.raritySteamUncommon, img.raritySteamRare, img.raritySteamEpic, img.raritySteamLegendary, img.raritySteamMythical, img.raritySteamGold, img.raritySteamSpecial, img.raritySteamPremium{
border-width: 3px;
border-style: solid;
width: 30px;
height: 30px;
overflow: hidden;
display: block;
float: left;
border-radius: 10px;
}
i.rarityUnturnedCommon, i.rarityUnturnedUncommon, i.rarityUnturnedRare, i.rarityUnturnedEpic, i.rarityUnturnedLegendary, i.rarityUnturnedMythical, i.raritySteamCommon, i.raritySteamUncommon, i.raritySteamRare, i.raritySteamEpic, i.raritySteamLegendary, i.raritySteamMythical, i.raritySteamGold, i.raritySteamSpecial, i.raritySteamPremium{
display: block;
min-height: 25px;
width: 25px;
box-sizing: border-box;
border-radius: 36px;
font-style: normal;
font-weight: 900;
font-size: 16px;
line-height: 16px;
padding: 5px 0;
text-align: center;
cursor: default;
color: white;
}

/*--*/
img.rarityUnturnedCommon{
border-color: #F0F0F0;
box-shadow: 0 0 10px #F0F0F0;
}
.rarityUnturnedCommon{
color: #F0F0F0;
}
i.rarityUnturnedCommon{
background-color: #F0F0F0;
color: black;
}
i.rarityUnturnedCommon:before{
content: "C";
}
section#skins a.skin.rarityUnturnedCommon div:first-child{
background-image: radial-gradient(farthest-side, #F0F0F0 5%, transparent);
}
/*--*/
img.rarityUnturnedUncommon{
border-color: #24AE24;
box-shadow: 0 0 10px #70cd6f;
}
.rarityUnturnedUncommon{
color: #24AE24;
}
i.rarityUnturnedUncommon{
background-color: #24AE24;
}
i.rarityUnturnedUncommon:before{
content: "U";
}
section#skins a.skin.rarityUnturnedUncommon div:first-child{
background-image: radial-gradient(farthest-side, #24AE24 5%, transparent);
}
/*--*/
img.rarityUnturnedRare{
border-color: #4b64fa;
box-shadow: 0 0 10px #5b74fa;
}
.rarityUnturnedRare{
color: #4b64fa;
}
i.rarityUnturnedRare{
background-color: #4b64fa;
}
i.rarityUnturnedRare:before{
content: "R";
}
section#skins a.skin.rarityUnturnedRare div:first-child{
background-image: radial-gradient(farthest-side, #4b64fa 5%, transparent);
}
/*--*/
img.rarityUnturnedEpic{
border-color: #964bfa;
box-shadow: 0 0 10px #b65bfa;
}
.rarityUnturnedEpic{
color: #964bfa;
}
i.rarityUnturnedEpic{
background-color: #964bfa;
}
i.rarityUnturnedEpic:before{
content: "E";
}
section#skins a.skin.rarityUnturnedEpic div:first-child{
background-image: radial-gradient(farthest-side, #964bfa 5%, transparent);
}
/*--*/
img.rarityUnturnedLegendary{
border-color: #c832fa;
box-shadow: 0 0 10px #d842fa;
}
.rarityUnturnedLegendary{
color: #c832fa;
}
i.rarityUnturnedLegendary{
background-color: #c832fa;
}
i.rarityUnturnedLegendary:before{
content: "L";
}
section#skins a.skin.rarityUnturnedLegendary div:first-child{
background-image: radial-gradient(farthest-side, #c832fa 5%, transparent);
}
/*--*/
img.rarityUnturnedMythical{
border-color: #fa3219;
box-shadow: 0 0 10px #ff4219;
}
.rarityUnturnedMythical{
color: #fa3219;
}
i.rarityUnturnedMythical{
background-color: #fa3219;
}
i.rarityUnturnedMythical:before{
content: "M";
}
section#skins a.skin.rarityUnturnedMythical div:first-child{
background-image: radial-gradient(farthest-side, #fa3219 5%, transparent);
}
/*--*/

img.raritySteamCommon{
border-color: #F0F0F0;
}
.raritySteamCommon{
color: #F0F0F0;
}
i.raritySteamCommon{
background-color: #F0F0F0;
color: black;
}
i.raritySteamCommon:before{
content: "C";
}
section#skins a.skin.raritySteamCommon div:first-child{
background-image: radial-gradient(farthest-side, #F0F0F0 5%, transparent);
}
/*--*/
img.raritySteamUncommon{
border-color: #24AE24;
}
.raritySteamUncommon{
color: #24AE24;
}
i.raritySteamUncommon{
background-color: #24AE24;
}
i.raritySteamUncommon:before{
content: "U";
}
section#skins a.skin.raritySteamUncommon div:first-child{
background-image: radial-gradient(farthest-side, #24AE24 5%, transparent);
}
/*--*/
img.raritySteamRare{
border-color: #4b64fa;
}
.raritySteamRare{
color: #4b64fa;
}
i.raritySteamRare{
background-color: #4b64fa;
}
i.raritySteamRare:before{
content: "R";
}
section#skins a.skin.raritySteamRare div:first-child{
background-image: radial-gradient(farthest-side, #4b64fa 5%, transparent);
}
/*--*/
img.raritySteamEpic{
border-color: #964bfa;
}
.raritySteamEpic{
color: #964bfa;
}
i.raritySteamEpic{
background-color: #964bfa;
}
i.raritySteamEpic:before{
content: "E";
}
section#skins a.skin.raritySteamEpic div:first-child{
background-image: radial-gradient(farthest-side, #964bfa 5%, transparent);
}
/*--*/
img.raritySteamLegendary{
border-color: #c832fa;
}
.raritySteamLegendary{
color: #c832fa;
}
i.raritySteamLegendary{
background-color: #c832fa;
}
i.raritySteamLegendary:before{
content: "L";
}
section#skins a.skin.raritySteamLegendary div:first-child{
background-image: radial-gradient(farthest-side, #c832fa 5%, transparent);
}
/*--*/
img.raritySteamMythical{
border-color: #fa3219;
}
.raritySteamMythical{
color: #fa3219;
}
i.raritySteamMythical{
background-color: #fa3219;
}
i.raritySteamMythical:before{
content: "M";
}
section#skins a.skin.raritySteamMythical div:first-child{
background-image: radial-gradient(farthest-side, #fa3219 5%, transparent);
}
/*--*/
img.raritySteamGold{
border-color: #d2bf22;
}
.raritySteamGold{
color: #d2bf22;
}
i.raritySteamGold{
background-color: #d2bf22;
}
i.raritySteamGold:before{
content: "G";
}
section#skins a.skin.raritySteamGold div:first-child{
background-image: radial-gradient(farthest-side, #d2bf22 5%, transparent);
}
/*--*/
img.raritySteamSpecial{
border-color: #fa6419;
}
.raritySteamSpecial{
color: #fa6419;
}
i.raritySteamSpecial{
background-color: #fa6419;
}
i.raritySteamSpecial:before{
content: "S";
}
section#skins a.skin.raritySteamSpecial div:first-child{
background-image: radial-gradient(farthest-side, #fa6419 5%, transparent);
}
/*--*/
img.raritySteamPremium{
border-color: #64c819;
}
.raritySteamPremium{
color: #64c819;
}
i.raritySteamPremium{
background-color: #64c819;
}
i.raritySteamPremium:before{
content: "P";
}
section#skins a.skin.raritySteamPremium div:first-child{
background-image: radial-gradient(farthest-side, #64c819 5%, transparent);
}

/*////////////////////////////*//*
body{
margin: 0;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 24px;
}*/
table{
/*font-weight: 900;*/
}
td{
height: 30px;
vertical-align: middle;
}
td span{
display: inline-block;
height: 100%;
vertical-align: middle;
padding: 5px;
}

/*////////////////////////////*//*////////////////////////////*/
#slider{
height: 5px;
width: 300px;
border: 5px solid gray;
background: #555;
}
#slider-g{
height: 30px;
width: 10px;
border: 3px solid black;
position: relative;
bottom: 15px;
background: #444;
cursor: pointer;
left: 0;
}