@media (max-width: 1420px) {
    meta[name="viewport"] {
        /*content: width=device-width, initial-scale=1.0;*/
    }
}

*{
margin:0px; padding:0px;
list-style:none;
/*border:none;*/
outline: 0px;
font-weight: normal;

border: 0;                               /* обнуляем отступы и убираем бордюры */
/*vertical-align: baseline;*/          /* приводим все к одной базовой линии */
background: transparent;      /* чтобы не проскакивали левые фоны, установленные по умолчанию */
font-size: 100%;                     /* размер шрифта всем одинаковый */
}

::selection {
  background: #8f9dab; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #8f9dab; /* Gecko Browsers */
}

body{
    background:#222;
}

table{
    border-collapse: collapse;
}

tg-0lax{
    /*box-shadow: 0px 0px 5px #00000087 inset;*/
}

p{
	margin:20px;
	display:block;
	padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 12px;
    font-size: 22px;
}

h2{
	margin-bottom: 30px;
}

a{
color: #95abff;
text-decoration: none;
}

ul{
width:95%;
margin: 0 auto;
}

li{
text-align:left;
}

a:hover{
color: #d8e3ff;
}

pre{
    overflow:inherit;
    white-space: pre-wrap;
/*    word-wrap: break-word; */
/*    font-size: 1ex;*/
    text-align: left;
    /*word-break: break-all;*/
    word-break: break-word;
}

.inputText{
    background: #292929;
    min-width: 100px;
    min-height: 30px;
    border: 1px solid #000;
    line-height: 40px;
    color: #fff;
    padding: 10px;
    margin: 20px;
}

.image{
	max-height:2450px;
	max-width: 95%;
	max-width:1450px;
//	max-height:100%;
    max-width: 90%;
    max-width:1000px;
	display: block;
	margin: auto;
	filter: grayscale(20%);
	opacity: 0.75;
}

.image:after{
    content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  /*background: linear-gradient(to top, rgba(9, 5, 47, .85) 0%, rgba(49, 29, 94, .85) 100%);*/
  /*background: linear-gradient(to top, rgba(9, 5, 10, .3) 0%, rgba(49, 29, 30, .0) 100%);*/
}

.image:hover:after{
  background: none;
}




.image:hover{
    filter: grayscale(0%);
    opacity: 1.5;
    background: none;
    transition: all .1s;
}

.imagemapthumbnaildescription{
    opacity: 1;
    box-shadow: 5px 0px 5px #00000042;
    filter: grayscale(0%);
}

.uppermenu{

	    /* width: 100%; */
    /* height: 100%; */
    min-height: 40px;
    /* -webkit-border-radius: 15px; */
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 3px solid #888;
    background: rgba(0,0,0,0.20);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    /*box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;*/
    box-shadow: #112 0px 0px 0px inset, #111111cc 0px 2px 16px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.51);
    /* margin: 0px auto 0px auto; */
    padding: 10px 0px 0px 18px;
    /* width: 100%; */
    /* max-width: 100%; */
    position: relative;
    bottom: 50px;
    font-family: "tf2build";
    font-size: 30px;
    text-align: center;
    display: block;
    color: #E8E8E8;
}



.uppermenu a{
	
	color: #E8E8E8;

}

.uppermenu a:hover{
	
	color: #FFF;

}





.contentbox{

	/*width: 80%;*/
	width: 75%;
    min-height: 500px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 3px solid #888;
    background: rgba(0,0,0,0.60);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    /*text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.51);*/
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    margin: 46px auto 0px auto;
    /*padding: 30px;*/
    padding: 3%;
    padding-top: 50px;
    max-width: 100%;
    position: relative;
    bottom: 50px;
    font-family: "tf2build";
    font-size: 30px;
    text-align: center;
    display: block;
    display: flow-root;
    color: #E8E8E8;
 // line-height: 110px;
    /*background: linear-gradient( rgba(0, 0, 0, 0.55) 100%, rgba(0, 0, 0, 0.65)100%), url(images/1920x1080screenMid.png) 50% 0px repeat-y, url(images/1920x1080screenMid.png) 50% 0px repeat-y, url(images/Snowland/WallMid.png) 0px 0px repeat;
    background-size: contain;*/
    
    background: 
        linear-gradient(rgba(0, 0, 0, 0.55) 100%, rgb(0 0 0 / 99%) 100%), 
        url(images/1920x1080screenMid.png) 50% 0px repeat-y, 
        url(images/1920x1080screenMid.png) 50% 0px repeat-y, 
        url(images/Snowland/WallMid.png) 0px 0px repeat;
    
    /* Установка background-size для конкретного изображения */
    background-size:
        auto,
        120vw,
        contain,
        auto;
}


.imagebox{

width: 30%;
    min-height: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 3px solid #888;
    background: rgba(0,0,0,0.65);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    padding: 15px 30px 15px 30px;
    max-width: 100%;
    font-family: "tf2build";
    font-size: 30px;
    text-align: center;
    display: block;
    color: #E8E8E8;
    float: right;
    margin: 15px;
}

.imagebox img{
    max-width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
}

.logo{
    /*
	width: 203px;
	height:164px;
	float right;
	background-image:url(images/logo.png);
	display: inline-block;
	position:absolute;
	left:200px;
	left: 8%;
	*/
    width: 132px;
    height: 100px;
    background-repeat: no-repeat;
    /* aspect-ratio: 1.3; */
    background-image: url(images/logo3.png);
    display: inline-block;
    background-size: 102%;
    position: absolute;
    left: 200px;
    left: 7%;
    top: 5px;
    filter: drop-shadow(3px 3px 5px #405080aa) grayscale(0.25);
    transition: all 0.15s ease-in-out;
}

.logo:hover{
    filter: drop-shadow(10px 10px 10px #00000033) grayscale(0);
}

.logoutButton {
    display: block;
    float: right;
    margin: auto;
    margin-left: 13px;
    background-color: #959595;
    position: relative;
    top: -7px;
    right: -6px;
    border-radius: 12px;
    /*background: linear-gradient(180deg, #ffb6b8, #451515);*/
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgb(0 0 0 / 25%) 1px 1px 0px, rgb(0 0 0 / 25%) -1px -1px 0px;
}

.steambutton{
    /*width: 333px; */
    /* height: 56px; */
    /* background-image: url(images/steam_sign_in.png); */
    display: block;
    float: right;
    background-size: 100%;
    position: relative;
    right: 8%;
    /* left: 8%; */
    top: 25px;
    word-break: break-all;
    /*overflow: hidden;*/
    overflow: inherit;
    /*max-width: 555px;*/
    max-width: 580px;
}

.steambutton:hover{
   /* background-image: url(images/steam_sign_in_hover.png); */
}


.profileBlock{
    min-height: 12px;
    max-height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: rgba(25,25,25,0.65);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    /* margin: 11px auto 9px auto; */
    padding: 15px;
    /* max-width: 100%; */
    /* position: relative; */
    /* bottom: 50px; */
    font-family: "tf2secondary";
    font-size: 24px;
    text-align: center;
    display: block;
    display: flow-root;
    color: #E8E8E8;
    text-align: left;
    line-height: 32px;
}

html {
  --Dyheight: 2px 
}

.MainBorderz{
	
    width: 80%;
    max-width: 85%;
    border: none;
    padding: 0px;
    margin: auto;
    opacity: 1.0;
    text-align: center;
	//	position: relative;
	//	bottom: 250px;
	//	margin-left: 20px;
	//	margin-right:20px;
		text-align: center;
		
	
}

MainBorderzSclaer{
	max-width: 100%;
}

.contentBoxBg{
	background-color:#000;
	
	opacity: 0.65;

	height: auto;
	width:auto;
	}
	
	.contentBoxContent{
//	background-color:#000;
//	background: rgba(0,0,0,0.65);
	min-height:270px;
//	opacity: 0.65;
	color:#FFF;
	font-family: "tf2secondary";
	font-size: 18px;
	height: auto;
	width:auto;
	display:block;
	text-align:left;
	color: #ccc;
	margin-top: 85px;
	overflow: auto;
	padding: 5px;

	}
	
	.contentBoxContent span{
    font-family: "tf2build";
    line-height: 110px;
    font-size: 62px;
	text-align:center;
	display:block;
	color: #D8D8D8;
	}
	
	

.repeatativelinez{
	background-repeat: repeat-x;
	background-image:url(images/b2.png);
	
}

.repeatativelinez2{
	background-repeat: repeat-x;
	background-image: url(images/b8.png);
	
}

.repeatativelinezL{
	background-repeat: repeat-y;
	background-image: url(images/b4.png);
	
}

.repeatativelinezR{
	background-repeat: repeat-y;
	background-image: url(images/b6.png);
	
}

.background{
	display:block;
	width:100%;
}

.upperBG{

		background:
	url(images/1920x1080screenMid.png) 0px 0px repeat-y,
	url(images/Blucourt/WallUpCuted.png) 0px 0px repeat;
	background-color:#444;
	background-size: 100%, auto;
	display: inline-block;
	height: 205px;
	width: 100%;
	text-align: center;

}

.upperBG span{
/*
font-family: Tahoma, Geneva, sans-serif;
    font-size: 72px;
    color: #d9d9f1;
    vertical-align: text-bottom;
    margin-top: 10px;
    display: block;
    margin: auto;
	    max-width: 50%;
//    line-height: 32px;
*/
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 33px;
    color: #b5bbc2;
    vertical-align: text-bottom;
    margin-top: 10px;
    display: block;
    margin: auto;
    max-width: 64%;
    text-align: left;
    line-height: 118px;
}

.midBG{
	background:
	url(images/1920x1080screenMid.png) 00% 0px repeat-y,
	url(images/Blucourt/WallMid.png) 0px 0px repeat;
	background-color:#444;
	background-size: 100%, auto;
	opacity: 1.5;
	display: block;
	height: calc(100% - 300px);
	width: 100%;
	margin:auto;
	min-height: 290px;
}

.downBG{
	background:
	url(images/1920x1080screenMid.png) 00% 0px repeat-y,
	url(images/Blucourt/WallDown.png) 0px 0px repeat;
	background-size: 100%, auto;
	display: block;
	height: 224px;
	width: 100%;
	background-position:bottom;
}


.gokusuxdikz{
	background: url(images/gokusuxdiks.png); 
	width: 321px;
	height:40px;
	float:right;	
	position: relative;
	top:85px;
	right: 8%;
	opacity: 0.20;
}

.counter{
    width: 100%;
    display: block;
    margin: 0 auto;
    /* background: url(images/gokusuxdiks.png); */
    width: 30px;
    height: 40px;
    /* float: right; */
    position: relative;
    top: 69px;
    right: 0%;
    opacity: 0.20;
}




.CLeft{
    float: left;
	background: url(images/Blucourt/Bars/BL3.png);
	background-color: #333;
    background-size: 100% 100%;
    height: 100%;
    width: 149px;
    max-width: 6.5%;
    min-width: 6.5%;
    position: fixed;
	z-index:998;
	-webkit-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.75);
opacity: 3.5;
}

.CLeft:hover, .CRight:hover{
    width: 152px;
    max-width: 6.63%;
    transition: all .1s;
    filter: brightness(105%);
}


.CRight{
    float: right;
	background: url(images/Blucourt/Bars/BR3.png);
	background-color: #333;
    background-size: 100% 100%;
    height: 100%;
    width: 149px;
    max-width: 6.5%;
    min-width: 6.5%;
    position: absolute;
    right: 0px;
    position: fixed;
	z-index:999;
	-webkit-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.75);
opacity: 3.5;
}

.floor{
  /*   width: 100%;
    margin: auto;
    height: 200px;
    perspective: 960px;
    height: 110px;
    perspective-origin: 50% 50%; */
    
     width: 100%;
    margin: auto;
    height: 200px;
    perspective: 900px;
    height: 110px;
    perspective-origin: 50% 50%;
    overflow: hidden;
    height: 220px;
    /* position: relative; */
    /* bottom: 1px; */
}

.floorpattern{
/*    background: url(images/1920x1080screenMid.png) 0% 0px repeat-y,
 url(images/Blucourt/floor.png) 00% 0px repeat-x;
 background-size: 100%, auto;
    width: 100%;
    margin: auto;
    height: 340px;
    transform: rotatex(50deg);
    position: relative;
    bottom: 70px; */
    
    background: url(images/1920x1080screenMid.png) 0% 0px repeat-y,
 url(images/Blucourt/floor.png) 00% 0px repeat-x;
    background-size: 100%, auto;
    width: 100%;
    /* width: 448px; */
    margin: auto;
    height: 347px;
    transform: rotatex(50deg);
    position: relative;
    bottom: 80px;
    /* display: block; */
    /* overflow: hidden; */
}


.description{
//    display: block;
//    max-width: 30%;
//    float: left;
overflow: auto;
}

.mapimage{
    border-radius: 8px;
    border: 3px solid #888;
    background: rgba(0,0,0,0.4);
     box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
//    margin: 20px auto 100px auto;
    padding: 4px;
//    opacity: 0.75;
    width: 90%;
    margin: 0;
    display: block;
    float: left;
}

.descriptionexpander{
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 34px;
    background-color: rgba(1, 1, 1, 0.4);
    border-radius: 0px 0 10px 10px;
    color: #aaa;
}

.descriptionexpander:hover{
	
//	 background-color: #111;
	 	 -webkit-box-shadow: inset 10px 10px 31px -15px rgba(0,0,0,1), -moz-box-shadow: inset 10px 10px 31px -15px rgba(0,0,0,1);
box-shadow: inset 10px 10px 31px -15px rgba(0,0,0,1), inset -10px -10px 31px -15px rgba(0,0,0,1);
-webkit-box-shadow: inset -10px -10px 31px -15px rgba(0,0,0,1), -moz-box-shadow: inset -10px -10px 31px -15px rgba(0,0,0,1);
	 cursor: pointer;
	 color: #fff;
}



.todotext{
        background-color: rgba(30, 20, 20, 0.52);
    border-radius: 15px;
    width: 90%;
    margin: auto;
    padding: 15px;
    margin-bottom: 34px;
    border: 4px solid #2f2323;
}

.todotext span{
    font-size: 8ex;
    line-height: 60px;
}

.descriptiontext{
overflow:auto;
}


.descriptiontextcosmetics{
    background-color: rgba(18, 19, 18, 0.42);
    border-radius: 15px;
    width: 40%;
    margin: auto;
    padding: 0px;
    margin-bottom: 34px;
    border: 4px solid #2c2e2c;
    float: right;
//    margin-left: 55px;
    margin-right: 6%;
    margin-top: 42px;
}


.descriptiontextcosmetics span{
     font-size: 8ex;
    line-height: 60px;
}

.descriptiontextgameplay span{
     font-size: 8ex;
    line-height: 60px;
}


.descriptiontextgameplay{
    background-color: rgba(18, 19, 18, 0.42);
    border-radius: 15px;
    width: 40%;
    margin: auto;
    padding: 0px;
    margin-bottom: 34px;
    border: 4px solid #2c2e2c;
    float: left;
//    margin-right: 55px;
    margin-left: 6%;
    margin-top: 42px;
}

/*
    .mapnameblock{
        background-color: rgba(18, 19, 18, 0.42);
        border-radius: 15px;
        width: 25%;
    //    margin: auto;
        padding: 15px;
        margin-bottom: 0px;
        border: 4px solid #2c2e2c;
        font-size: x-large;
        overflow:hidden;
    }
*/
    
    .mapnameblock{
        background-color: rgba(18, 19, 18, 0.42);
        border-radius: 15px;
        width: 80%;
        padding: 9px;
        margin: auto;
        margin-bottom: 0px;
        border: 0px solid #2c2e2c;
        font-size: x-large;
        overflow: hidden;
        position: relative;
        top: 69px;
        z-index: 11;
        text-align: center;
    }

///.mapnameblock{
//    float: left;
///    width: 30%;
//}

.mapnameblockwrapper{
    float: left;
    width: 30%;
}


.comment-box{
 width: 100%;
    height: 114px;
    padding: 14px;
    border: 1px solid #555555;
    font-size: 18px;
    box-sizing: border-box;
    background-color: #222;
    color: #bbb;   
}

.pluginbox{
 	width: 90%;
    min-height: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
//    border: 3px solid #888;
    background: rgba(25,25,25,0.65);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
//    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.51);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    margin: 46px auto 0px auto;
    padding: 30px;
    max-width: 100%;
    position: relative;
    bottom: 50px;
   font-family: "tf2secondary";
    font-size: 22px;
    text-align: center;
    display: block;
    display: flow-root;
    color: #E8E8E8;
    text-align: left;
    line-height: 36px;
}

.articleWrap{
    text-align: left;
    display: block;
    /* background: url(images/1920x1080screenMid.png); */
    /* height: 39px; */
    padding-bottom: 11px;
    padding-left: 15px;
    border-bottom: 6px;
    border-bottom-color: #aaa;
    /*border-bottom: 2px solid #8888885c;*/
    border-bottom: 2px solid #0000005c;
    -webkit-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.15);
    font-size: 40px;
    font-family: tf2build;
    line-height: 100%;
    margin: 75px 0px 0px 0px;
    color: #eee;
    font-family: "tf2secondary";
    border-bottom: 2px solid #0000005c;
    /* -webkit-box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.75); */
    -moz-box-shadow: 0px 2px 0px 0px rgba(140, 140, 140, 0.27);
    box-shadow: 0px 2px 0px 0px rgba(140, 140, 140, 0.27);
    
}


.articleLink{
    display: flex;
    padding: 15px;
    /* background: #00000045; */
    border-radius: 15px;
    box-shadow: #00000033 240px -64px 78px inset, #00000000 0px 4px 58px inset, rgb(255 255 255 / 5%) -2px 2px 0px, rgb(255 255 255 / 5%) 2px 2px 0px;
}

.articleLink:hover{
    box-shadow: #4b4b4b33 240px -64px 78px inset, #00000000 0px 4px 58px inset, rgb(255 255 255 / 5%) -2px 2px 0px, rgb(255 255 255 / 5%) 2px 2px 0px;
}

.articleBox{
    text-align: left;
}

.articleText{
    font-family: monospace;
    line-height: 30px;
    font-size: 18px;
    /* border-top: 2px solid #8888885c; */
    min-height: 150px;
    /*color: #bbb;*/
    /*box-shadow: #00000050 0px 0px 58px inset;*/
    padding: 20px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
}

.articleText .subitem{
    text-align: left;
    margin-top: 30px;
    display: block;
    font-size: 20px;
    color: #fff;
    /* background-color: #ffffff29; */
    background: linear-gradient(to right, rgba(255, 255, 255, 0.32) 0%,rgba(63, 67, 75, 0.48) 100%);
    padding: 5px;
    padding-left: 10px;
    border-radius: 5px;
    box-shadow: #222225a3 220px -4px 78px inset, #222225aa 0px 4px 58px inset, rgba(0, 0, 0, 0.25) 4px 4px 8px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.51);
}

.articleImage{
    width: 200px;
    height: 200px;
    background-color: #111;
    display: block;
    float: right;
    margin: 20px;
}


.articleText span{
    /* width: 90%; */
    min-height: 12px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* background: rgba(33, 20, 20, 0.65); */
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    /* box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px; */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    margin: 16px auto 0px auto;
    padding: 10px;
    padding-bottom: 0px;
    /* max-width: 100%; */
    /* position: relative; */
    /* bottom: 50px; */
    /*font-family: "tf2secondary";*/
    font-family: monospace;
    font-size: 20px;
    text-align: center;
    display: block;
    display: flow-root;
    color: #eeeeee;
    text-align: left;
    line-height: 19px;
    font-weight: bold;
}

.articleText .cont{
     width: 90%; 
}

.contentBoxContent conclusionBlack {
    min-height: 12px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: rgba(25,25,25,0.65);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    margin: 11px auto 9px auto;
    padding: 15px;
    /* max-width: 100%; */
    /* position: relative; */
    /* bottom: 50px; */
    font-family: "tf2secondary";
    font-size: 22px;
    text-align: center;
    display: block;
    display: flow-root;
    color: #E8E8E8;
    text-align: left;
    line-height: 32px;
}

.contentBoxContent conclusionWhite {
    min-height: 12px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: rgba(204, 204, 204, 0.35);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 1px rgba(209, 209, 209, 0.35);
    margin: 11px auto 9px auto;
    padding: 15px;
    /* max-width: 100%; */
    /* position: relative; */
    /* bottom: 50px; */
    /* font-family: "tf2secondary"; */
    font-family: monospace;
    font-size: 26px;
    text-align: center;
    display: block;
    display: flow-root;
    color: #222222;
    text-align: left;
    line-height: 32px;
    /* font-weight: bold; */
    
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.41);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #11111188 -2px -2px 8px inset, #11111188 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.61);
    color: #fff;
    font-family: "tf2secondary";
}

.linkimage {
    min-height: 12px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: rgba(25,25,25,0.65);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    margin: 11px auto 9px auto;
    padding: 15px;
    /* max-width: 100%; */
    /* position: relative; */
    /* bottom: 50px; */
    font-family: "tf2secondary";
    font-size: 24px;
    text-align: center;
    display: block;
    display: flow-root;
    color: #E8E8E8;
    text-align: left;
    line-height: 19px;
}

.ranktable{
    width: 95%;
    margin:  0 auto; 
    font-family: "tf2secondary";
    font-size: 22px;
}

.chattable{
    width: 100%;
    margin:  0 auto; 
    font-family: "tf2secondary";
    font-size: 22px;
    text-align: left;
    border:none;
    background: rgba(25,25,25,0.65);
    border-radius: 15px;
    width=100%; 
    border= "0";
}

.tooltip {
    position: relative;
    display: inline-block;
    display: inline;
    font-family: monospace;
    border-bottom: 1px dotted #ccc; /* If you want dots under the hoverable text */
}
.tooltipgray {
    position: relative;
    display: inline-block;
    display: inline;
    font-family: monospace;
    border-bottom: 1px dotted #5b5b5b;
    /*font-weight: bold;*/
    font-size: 0.8em;
}
.tooltipgray .tooltiptext {
    visibility: hidden;
    width: 280px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* top: -5px; */
    /* left: 105%; */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -140px;
    font-size: 25px;
    /* height: 70px; */
    line-height: 19px;
}
/* Tooltip text */
.tooltip .tooltiptext {
    /*
    visibility: hidden;
    width: 240px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -120px;
    font-size: 19px;
    line-height: 19px;
    white-space: break-spaces;
    font-weight: 100;
    max-width: 15vw;
    
    transition: visibility 0.2s linear, opacity 0.2s linear;
    transition-delay: 0.1s;
    opacity: 0;
    */
    visibility: hidden;
    width: 240px;
    background-color: #444;
    color: #d4d4d4;
    border: 2px solid #5a5a5a;
    padding: 5px 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -120px;
    font-size: 19px;
    line-height: 19px;
    white-space: break-spaces;
    font-weight: 100;
    max-width: 15vw;
    transition: visibility 0.2s linear, opacity 0.2s linear;
    transition-delay: 0.1s;
    opacity: 0;
    text-decoration: underline;
    text-decoration: none;
    text-decoration-color: #3a3a3;
    text-align: justify;
    font-variant: all-small-caps;
    font-stretch: condensed;
    filter: drop-shadow(2px 4px 6px #00000088);
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    transition: visibility 0.0s linear;
    transition-delay: 0s;
    opacity: 1;
     transition: opacity 0.1s linear;
    
}

.tooltipgray:hover .tooltiptext {
    visibility: visible;
    transition: visibility 0.0s linear;
    transition-delay: 0s;
}


.tooltip:hover .namehistory {
    visibility: visible;
    transition: visibility 0.0s linear;
    transition-delay: 0s;
}


.highlight {
    width: 95%;
    margin: 0 auto;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 );
    position: relative;
    bottom: 19px;
}

.highlighthidden {
    width: 95%;
    margin: 0 auto;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 );
    position: relative;
    bottom: 19px;
    display: none;
}

.MapThumbnailBox {
    min-height: 12px;
    /* height: 220px; */
    /* min-height: 270px; */
    width: 30%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: rgba(25,25,25,0.65);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 4px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px, rgba(0, 0, 0, 0.5) 3px 0px 3px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    margin: 11px auto 9px auto;
    padding: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    /* max-width: 100%; */
    /* position: relative; */
    /* bottom: 50px; */
    font-family: "tf2secondary";
    font-size: 22px;
    text-align: center;
    /* display: block; */
    display: flow-root;
    color: #E8E8E8;
    line-height: 25px;
    float: left;
    box-sizing: border-box;
    margin-top: 40px;
}

.ServerThumbnailBox {
    /* min-height: 12px; */
    /*height: 265px;*/
    /* min-height: 214px; */
    width: 67%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: rgba(25,25,25,0.65);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    margin: 11px auto 9px auto;
    /*padding: 20px;
    padding-top: 3px;
    padding-bottom: 3px;*/
    /* max-width: 100%; */
    /* position: relative; */
    /* bottom: 50px; */
    font-family: "tf2secondary";
    font-size: 24px;
    text-align: center;
    display: block;
    display: flow-root;
    color: #E8E8E8;
    line-height: 30px;
    float: right;
    box-sizing: border-box;
    /* height: 100px; */
    overflow: hidden;
    /* min-height: 270px; */
    margin-top: 40px;
}

.progressbar {
    width: 95%;
    margin: 0 auto;
    background-color: #222;
    height: 21px;
    border-radius: 15px;
    background: rgba(25,25,25,0.65);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    background-image: url(images/1920x1080screenMid.png); */
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(left, rgba(22, 22, 22, 0.65) 0%,rgba(0, 0, 0, 0) 50%,rgba(22, 22, 22, 0.65) 100%);
    background: linear-gradient(to right, rgba(22, 22, 22, 0.65) 0%,rgba(0, 0, 0, 0.25) 50%,rgba(22, 22, 22, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
}

.progressbarprogress {
    width: 28%;
    height: 20px;
    background-color: #59a;
    border-radius: 15px;
    /* background: rgba(25,25,25,0.65); */
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -1px -2px 7px inset, #111 0px 4px 8px inset, rgba(0, 0, 0, 0.25) 2px 2px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    /* text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); */
    background: #5090a0;
    background: -moz-linear-gradient(top, #5090a0 5%, #a3ede8 43%, #5090a0 81%, #5090a0 100%);
    background: -webkit-linear-gradient(top, #5090a0 5%,#83d4cf 43%,#5090a0 81%,#5090a0 100%);
    background: linear-gradient(to bottom, #5090a0 5%,#83d4cf 43%,#5090a0 81%,#5090a0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5090a0', endColorstr='#5090a0',GradientType=0 );
}

.progressbartext {
    font-size: 18px;
    font-family: monospace;
    line-height: 22px;
    text-align: center;
    position: relative;
    bottom: 22px;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
    color: #4d4d4d;
}

.serverthumbnail {
  width: 95%;
    display: block;
    margin: 0 auto;
    /* height: 50px; */
    background-color: #111;
    min-height: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* border: 3px solid #888; */
    border: 3px solid #353a3a;
    background: rgba(198, 226, 255, 0.2);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #222225 -110px -4px 58px inset, #222225aa 0px 4px 58px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.51);
    margin: 0px auto 20px auto;
    padding: 0px 10px 0px 18px;
    width: 95%;
    max-width: 100%;
    /* position: relative; */
    /* bottom: 50px; */
    font-family: "tf2build";
    font-size: 30px;
    text-align: center;
    text-align: left;
    display: block;
    color: #E8E8E8;
    line-height: 50px;
}

.serverthumbnailDead {
    width: 95%;
    display: block;
    margin: 0 auto;
    /* height: 50px; */
    background-color: #111;
    min-height: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* border: 3px solid #888; */
    border: 3px solid #4e3232;
    background: rgba(255, 100, 100, 0.2);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #252222 -110px -4px 58px inset, #252222 0px 4px 58px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.51);
    margin: 0px auto 20px auto;
    padding: 0px 10px 0px 18px;
    width: 95%;
    max-width: 100%;
    /* position: relative; */
    /* bottom: 50px; */
    font-family: "tf2build";
    font-size: 30px;
    text-align: center;
    text-align: left;
    display: block;
    color: #883838;
    line-height: 50px;
}

.deadthumbnail{
    border: 3px solid #4e3232;
    background: rgba(255, 100, 100, 0.2);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #2f1f1f -110px -4px 58px inset, #2f1f1f 0px 4px 58px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    color: #883838;
}

.serverthumbnail:hover{
    filter: brightness(120%);
    /*cursor:pointer;*/
    transition: all .1s;
    cursor:pointer;
}

.serverthumbnail online{
    float: right;
    padding-right: 10px;
}

.serverthumbnail ip{
    color: #000000;
    text-shadow: 1px 2px 0px rgba(255, 255, 255, 0.17);
    font-size: 30px;
    font-family: monospace;
    line-height: 30px;
    font-weight: bold;
    
    max-width: 20%;
    /* width: 30px; */
    /* overflow: hidden; */
    display: inline-block;
}

.serverthumbnail  span{
    font-size: 0.8em;
    @media (max-width:1420px) {font-size: 0.6em;}
}
.serverthumbnailDead  span{
    font-size: 0.8em;
}

.chatbutton {
    display: inline-block;
    float: right;
    height: 50px;
    width: 50px;
    background-image:url(images/button_chat.png);
 /*   background-color: #222;*/
}
.chatbutton:hover{
background-image:url(images/button_chat_hover.png);
}
.playersbutton{
    display: inline-block;
    float: right;
    height: 50px;
    width: 50px;
    background-image:url(images/button_players.png);
    margin-right: 40px;
 /*   background-color: #222;*/
}
.playersbutton:hover{
background-image:url(images/button_players_hover.png);
}
.chartjs-size-monitor{
    /* position: absolute; */
    /* left: 0px; */
    /* top: 0px; */
    /* right: 0px; */
    /* bottom: 0px; */
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.baseform{
    height: 30px;
    width: 80px;
    text-align: center;
    font-size: 24px;
    /*background: #222;*/
    background: #00000040;
    color: #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 3px 3px 7px 1px rgba(0,0,0,0.51);
    -moz-box-shadow: inset 3px 3px 7px 1px rgba(0,0,0,0.51);
    /*box-shadow: inset 3px 3px 7px 1px rgba(0,0,0,0.51); */  
    box-shadow: inset 2px 2px 2px 1px rgba(0,0,0,0.51);
}

.lineform{
    background: rgba(255, 255, 255, 0.5);
    box-shadow: #00000088 -2px -2px 8px inset, #00000088 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 1px rgba(209, 209, 209, 0.35);
    margin: 11px auto 9px auto;
    padding: 15px;
    font-family: monospace;
    font-size: 26px;
    display: inline-flex;
    color: #282828;
    text-align: left;
    line-height: 32px;
}

.lineforminactive{
    background: rgba(97, 97, 97, 0.38);
    box-shadow: #00000088 -2px -2px 8px inset, #00000088 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.15);
    margin: 11px auto 9px auto;
    padding: 15px;
    font-family: monospace;
    font-size: 26px;
    display: inline-flex;
    color: #303030;
    text-align: left;
    line-height: 32px;
}

.submitFormButton{
    height: 30px;
    font-size: 22px;
    width: 80px;
    text-align: center;
    font-size: 14px;
    background: #222;
    color: #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 3px 3px 7px 1px rgba(0,0,0,0.51);
    -moz-box-shadow: inset 3px 3px 7px 1px rgba(0,0,0,0.51);
    box-shadow: inset -5px -4px 7px 1px rgba(0,0,0,0.51);
}

.submitFormButton:hover{
    color:#fff;
    background: #333;
    cursor: pointer;
    box-shadow: inset -5px -4px 7px 1px rgba(0,0,0,0.25);
}

.submitFormButtonInactive{
    height: 30px;
    font-size: 22px;
    width: 80px;
    text-align: center;
    font-size: 14px;
    background: #171717;
    color: #6c6c6c;
    border-radius: 4px;
    -webkit-box-shadow: inset 2px 2px 2px 1px rgba(0,0,0,0.51);
    -moz-box-shadow: inset 3px 3px 7px 1px rgba(0,0,0,0.51);
    /* box-shadow: inset -5px -4px 7px 1px rgba(0,0,0,0.51); */
}

.submitFormLine{
    background: rgb(90 112 139);
    box-shadow: #00000024 -13px -16px 8px inset, #819cb4f2 -0px 3px 8px inset, rgb(0 0 0 / 25%) 1px 1px 0px, rgb(0 0 0 / 25%) -1px -1px 0px;
    text-shadow: 1px 1px 1px rgb(209 209 209 / 35%);
    margin: 11px auto 9px auto;
    padding: 15px;
    font-family: monospace;
    font-size: 26px;
    display: inline-flex;
    color: #323232;
    text-align: left;
    line-height: 32px;
    border-radius: 0 10px 10px 0;
    font-variant: small-caps;
}

.submitFormLine:hover{
    background: rgb(90 112 139);
    box-shadow: #00000024 -4px -4px 8px inset, #819cb4f2 4px 4px 8px inset, rgb(0 0 0 / 25%) 1px 1px 0px, rgb(0 0 0 / 25%) -1px -1px 0px;
    text-shadow: 1px 1px 1px rgb(209 209 209 / 35%);
    margin: 11px auto 9px auto;
    padding: 15px;
    font-family: monospace;
    font-size: 26px;
    display: inline-flex;
    color: #ffffff;
    text-align: left;
    line-height: 32px;
    border-radius: 0 10px 10px 0;
    font-variant: small-caps;
    cursor: pointer;
}


.lineObject{
    box-shadow: #00000088 -2px -2px 8px inset, #00000088 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    padding: 20px;
    background-color: #00000033;
}

.undermessage{
    font-family: monospace;
    line-height: 30px;
    font-size: 18px;
}

.submitFormBigButtonActive{
    background: rgba(0, 0, 0, 0.5);
    box-shadow: #ffffff21 -2px -2px 8px inset, #ffffff05 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
    margin: 11px auto 9px auto;
    padding: 15px;
    font-family: monospace;
    font-size: 26px;
    color: #c6c6c6;
    text-align: center;
    line-height: 32px;
    border-radius: 10px;
    width: 400px;
    background: rgb(74, 85, 100) linear-gradient(to bottom, rgba(255, 255, 255, 0.35) -80%,rgba(0,0,0,0) 100%);
}

.submitFormBigButtonActive:hover{
    box-shadow: none;
    background: rgba(108, 130, 157, 0.65) linear-gradient(to bottom, rgba(255, 255, 255, 0.35) 40%,rgba(0,0,0,0) 100%);
    background: rgb(76 116 79 / 65%) linear-gradient(to bottom, rgb(112 238 127 / 35%) 40%,rgba(0,0,0,0) 100%);
    cursor: pointer;
}

.submitFormBigButtonInactive{
    margin: 11px auto 9px auto;
    padding: 15px;
    font-family: monospace;
    font-size: 24px;
    color: #c6c6c6;
    text-align: center;
    line-height: 32px;
    border-radius: 10px;
    width: 400px;
    background: rgb(36, 33, 33);
    box-shadow: #00000088 0px 0px 0px inset, #00000088 2px 2px 6px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    /* text-shadow: 1px 1px 1px rgba(67, 11, 11, 0.15); */
    color: #685d5d;
    /* background: rgba(48, 32, 32, 0.56) linear-gradient(to top, rgba(167, 167, 167, 0.2) 0%,rgba(0,0,0,0) 100%); */
}

.tableBottomRow{
    border-radius: 0 0 15px 15px;
    background: rgba(25,25,25,0.65);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    height: 64px;     text-align: center;
}

.tableChatHeader{
    /*border-radius: 0 0 15px 15px;*/
    /*background: rgba(25,25,25,0.65);*/
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    height: 64px;     text-align: center;
    /*border-radius: 250% 250% 0 0;*/
}

.chatsv{
   width: 40%;
    background: rgba(25,25,25,0.65);
    max-height: 60px;
}

.chatsvInactive{
   width: 40%;
    background: rgba(25,25,25,0.65) linear-gradient(to bottom, rgba(80, 80, 100, 0.35) 0%,rgba(0,0,0,0) 100%);
   /*background: -moz-linear-gradient(top, rgba(80,80, 100,0.35) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(80,80,100,0.35) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(80, 80, 100, 0.35) 0%,rgba(0,0,0,0) 100%); */
}

.chatsv a{
   display: block; height: 100%; line-height: 60px; font-family: monospace; color: #333
}
.chatsv a:hover{
   color:#fff;
   /*background: rgba(222, 222, 222, 0.05);*/
   background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(255,255,255,0.05) 40%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(255,255,255,0.05) 40%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(255,255,255,0.05) 40%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
    transition: all .1s;
}


.tableTopRow{
    border-radius: 15px 15px 0 0;
    background: rgba(25,25,25,0.65);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    height: 64px;     text-align: center;
}

.tableTopRow .tg-0lax{
    /*width: 100%;
    height: 67px;
    line-height: 64px;*/
}

.tableTopRow a{
    display: block;
    width: 100%;
    height: 64px;
    line-height: 32px;
    align-content: center;
    color: #E8E8E8;
}

.tableButtonNext{
    border-radius: 0 0 15px 15px;
    /* background: rgba(25,25,25,0.65); */
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #11111194 12px -2px 18px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    height: 64px;
    text-align: center;
    width: 15%;
    color: #95abff;
    background: -moz-linear-gradient(top, rgba(45,45, 45,0.35) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(45,45,45,0.35) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(45, 45, 45, 0.35) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 );
    
}

.tableButtonPrev{
    border-radius: 0 0 15px 15px;
    /* background: rgba(25,25,25,0.65); */
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #11111194 -12px -2px 18px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    height: 64px;
    text-align: center;
    width: 15%;
    color: #95abff;
    background: -moz-linear-gradient(top, rgba(45,45, 45,0.35) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(45,45,45,0.35) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(45, 45, 45, 0.35) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=0 );
}

.tableButtonPrev:hover{
    background: -moz-linear-gradient(top, rgba(80,80, 100,0.35) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(80,80,100,0.35) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(80, 80, 100, 0.35) 0%,rgba(0,0,0,0) 100%);
}
.tableButtonNext:hover{
    background: -moz-linear-gradient(top, rgba(80,80, 100,0.35) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(80,80,100,0.35) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(80, 80, 100, 0.35) 0%,rgba(0,0,0,0) 100%);
}

.tableButtonPrevInactive a{

    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #11111194 2px -2px 18px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    color: #333;
    pointer-events: none;
    color: #333;
}

.tableButtonNextInactive a{

    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #11111194 2px -2px 18px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    color: #333;
    pointer-events: none;
    color: #333;
}

.pageGenText{
    float: right;
    /*font-size: 20px;
    color: #666;
    position: relative;
    top: 18px;*/
    float: right;
    color: #666;
    margin-top: 10px;
    max-width: 50%;
    font-size: 0.9vw;
}

.tableTopRow .tg-0lax:hover{
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(255,255,255,0.05) 40%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(255,255,255,0.05) 40%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(255,255,255,0.05) 40%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
}

.tableContentRow:hover{
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    background-color: #999;
    filter: brightness(120%);
    
}



.centerPlayerBox{
    width: 40%;
    display: inline-block;
    /*height: 260px;*/
    margin: 0 auto;
    background-color: #3a3a3a;
    box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.75);
    /*box-shadow: inset 0px 0px 42px 0px rgba(0,0,0,0.25); */
    border-radius: 10px;
    border: 2px solid #333;
}

.centerPlayerBox .centerside{
    line-height: 50px;
    display: block;
    background-color: #ffffff17;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    align-content: center;
}

.centerPlayerBox .leftside{
    /*width: 28%;*/
    display: inline-block;
    /* float: left; */
    margin: 12px auto;
    
    display: table;
    margin: 12px;
    width: 280px;
    
}

.centerPlayerBox .rightside{
    width: 100%;
    display: inline-block;
    display: -webkit-inline-box;
    float: right;
    font-family: "tf2secondary";
    height: 100%;
    
}

.ActivityPlayerBox{
    width: 40%;
    display: inline-block;
    height: 100px;
    margin: 0 auto;
    /*background-color: #263;*/
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: flex-end;
    flex-wrap: wrap;
    flex-direction: row;
}

.GamePlayerBox{
    width: 100%;
    display: block;
    min-height: 250px;
    margin: 0 auto;
    background-color: #0000000a;
    margin-top: 20px;
    box-shadow: #111 0px 0px 38px inset, #111 0px 0px 38px inset, rgb(250 250 250 / 15%) 2px 2px 0px, rgb(250 250 250 / 15%) -2px -2px 0px;
}

.userPlayerHeader{
    width: 40%;
    display: inline-block;
    height: 30px;
    margin: 0 auto;
    margin-bottom: 46px;
}


.leftPlayerBox{
    width: 27%;
    height:350px;
    background-color: #2aa;
    float:left;
}
.rightPlayerBox{
    width: 27%;
    height:350px;
    /*background-color: #345;*/
    float:right;
}

/*top block*/

#chatfilter{
    width: 80%;
    height: 100px;
    background-color: #515b6300;
    position: fixed;
    bottom: 0;
}

.AvatarNname{
   display: inline;
   margin-right: 10px;
   max-height: 46px;
   display: flex;
}

/*insert after AvatarNname*/
.AvatarHoverBlock{
    display: block;
    width: 128px;
    height: 128px;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 70%;
    margin-left: -40px;
}


.TableHeaderDef{
    font-family: monospace; width: 100%;
   border-radius: 15px 15px 0 0;
    background: rgba(25,25,25,0.65);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    height: 64px;
}

.TableRowDef{
   border-radius: 0px;
    background: rgba(25,25,25,0.65);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    line-height: 32px;
}

.TableRowAlt{
    /*border-radius: 15px;*/
    line-height: 46px;
    font-size: 22px;
    background: rgba(25,25,25,0.65);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    /*text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);*/
    word-break: break-all;
}

.labelvoted:hover{
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-color: #888;
    cursor: help;
    color: #fff;
}

.unsettipstextlink{
    /*height: unset; */
    display: unset;
    /* width: unset; */
    line-height: unset;
    color: #b2d4f1;
}

.blackhighlightedText{
        max-height: 30px;
    max-width: 720px;
    overflow: hidden;
    padding-left: 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: rgba(25,25,25,0.65);
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgb(0 0 0 / 25%) 1px 1px 0px, rgb(0 0 0 / 25%) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 35%);
    text-align: center;
    display: inline-flex;
    word-break: break-all;
    white-space: nowrap;
    color: #fff;
    line-height: 28px;
    font-size: 15px;
    padding-right: 10px;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    bottom: 26px;
    width: 80px;
    height: 20px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

@keyframes tableContentLoading {
  0% {
    mix-blend-mode: screen;
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgb(0 0 0 / 0%) 0%, rgb(255 255 255 / 10%) 0%, rgb(0 0 0 / 0%) 100%);
    background-position: 0% 50%;
  }
  100% {
    mix-blend-mode: screen;
    background: rgb(2,0,36);
    /*background: linear-gradient(90deg, rgb(0 0 0 / 0%) 0%, rgb(255 255 255 / 10%) 100%, rgb(0 0 0 / 0%) 100%);*/
    background: linear-gradient(90deg, rgb(0 0 0 / 0%) 0%, rgb(255 255 255 / 10%) 0%, rgb(0 0 0 / 0%) 100%);
    background-position: 50% 0%;
  }
}


.noselect{
    -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   /*
     Introduced in Internet Explorer 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

//Default
.lds-default {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-default div {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #cef;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 29px;
  left: 53px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 18px;
  left: 50px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 9px;
  left: 41px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 6px;
  left: 29px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 9px;
  left: 18px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 18px;
  left: 9px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 29px;
  left: 6px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 41px;
  left: 9px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 50px;
  left: 18px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 53px;
  left: 29px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 50px;
  left: 41px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 41px;
  left: 50px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}

.flexrows
{
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 100%;
    min-width: 100%;
    margin: 0;
}

input:checked {
  /*margin-left: 25px;*/
  border: 1px solid red;
}

.imgfilteredNoBR{
    filter: sepia(0.2) saturate(0.8);
    transition: all 0.3s ease-in-out;
}

.imgfilteredBR{
    filter: sepia(0.2) saturate(0.8) brightness(0.75);
    transition: all 0.3s ease-in-out;
}

.imgfilteredNoBR:hover{
    filter: brightness(1.2) saturate(0.65);
    transition: filter 0.3s ease-in-out;
}

.imgfilteredBR:hover{
    filter: saturate(0.8);
    transition: filter 0.3s ease-in-out;
}

.BoxCoinsHolder:hover{
    box-shadow: 22px 22px 2px rgba(0,0,0,0.35);
    transition: box-shadow 0.3s ease-in-out;
}

.BoxCoinsHolder::after{
    box-shadow: 0 33px 2px rgba(0,0,0,0.35);
    transition: box-shadow 0.3s ease-in-out;
}

.showmoreslider{
	box-shadow: rgb(0 0 0 / 16%) 0px 6px 6px, rgb(30 31 29 / 40%) 0px 5px 9px inset;
}
.showmoreslider:hover{
	box-shadow: rgb(0 0 0 / 16%) 0px 6px 6px, rgb(123 147 173 / 30%) 0px 0px 28px inset;
}

/*
.serverhighlight::before {
    color:#333;
}
*/

#dateSelect {
width: 70%;
text-align: center;
font-family: monospace;
font-size: 30px;
}

#dateSelect h1 {
margin-top: 0;
margin-bottom: 20px;
}

#dateSelect label {
font-size: 20px;
}

#dateSelect select {
font-size: 18px;
margin-left: 10px;
text-align-last: center;
}

#dateSelect input[type=submit] {
/*margin-top: 20px;*/
font-size: 20px;
background-color: #333;
color: #FFF;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}

#dateSelect input[type=submit]:hover {
background-color: #555;
}

select option {
  background-color: #333;
}

option {
  color: #ccc;
}

option:disabled{
  color: #666;
}

/* Change the color of the scrollbar thumb in the "Day" dropdown */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background-color: #444;
  box-shadow: #111 1px 1px 4px inset
}

::-webkit-scrollbar-thumb {
  background-color: #666;
  /*box-shadow: #888 1px 1px 4px inset;*/
  box-shadow: #666666 2px 2px 1px inset, #8b8b8b 2px 2px 4px inset;
  border-radius:3px;
  transition: background-color 200ms ease;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #777;
  transition: background-color 200ms ease;
}

/* For Firefox */
/*scrollbar-width: thin;
scrollbar-color: #888 #F4F4F4;*/


.waitbox-transition {
  
  transition: all 4000ms ease 0s !important;
  display: block !important;
  bottom: 0px !important;
  
}

*.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in Internet Explorer 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

#discordblock:hover{
    filter: drop-shadow(5px 4px 3px black);
}

.translatecontainer
{
    display: flex;
    float: right;
    right: 50px;
    top: 30px;
    position: sticky;
    z-index: 655;
    background-color: #0000003d;
    border-radius: 9px;
    padding: 2px 4px 2px 4px;
    border: 2px solid #333;
}

.translateheader
{
    font-family: "tf2secondary";
    font-size: 20px;
    top: -16px;
    position: absolute;
    text-shadow: 1px 1px 2px #000, 1px 1px 2px #000, 0px 0px 4px #000;
}

.KDsortButtonActive:hover, .KDsortButtonInactive:hover{
    background: #ababab94;
    color: #fff;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    border-right: 2px solid #333;
    cursor: pointer;
}

.KDsortButtonActive{
    background: #ababab63;
    color: #fff;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    border-right: 2px solid #333;
    cursor: pointer;
}

.KDsortButtonInactive{
    background: #00000063;
    color: #919191;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    border-right: 2px solid #333;
    cursor: pointer;
}

.KDsortButtonDisabled{
    background: #00000063;
    color: #919191;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    border-right: 2px solid #333;
    cursor: no-drop;
}

.sessionDayChatLinkButton{
    display: inline-flex;
    font-variant: all-petite-caps;
    background-color: #3a3a3a;
    font-size: 28px;
    padding: 6px;
    line-height: 20px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #ffffff1f, 1px 1px 2px #0000004f inset;
}

.sessionDayChatLinkButton:hover{
    background-color: #777;
    box-shadow: 1px 1px 1px #ffffff1f inset, 1px 1px 2px #0000004f;
}

.sortBoxItem{
color: rgb(255, 255, 255);
padding: 10px 10px 10px 10px;
margin: 0px;
display: inline-block;
box-shadow: 2px 2px 0px #ffffff08 inset, -1px -2px 0px #ffffff00 inset;
border-radius: 4px;
border: 2px solid #333;
background: linear-gradient(0deg, rgb(40 40 40) 0%, rgb(45 45 45) 35%, rgb(67 67 67) 100%);
    @media (max-width:1400px) {
        box-shadow: none !important;
        border-radius: none !important;
        border: none !important;
        background: none !important;
    }
}

.sortBoxItem:hover, .sortBoxItem:focus, .sortBoxItem:active{
color: #88cdf9;
}

.sortBoxDivision{
display: inline-block;
width: 0px;
translate: -2px 0;
pointer-events: none;
}

.tooltipscalablewrap{
 @media (max-width:1400px) {white-space: normal !important;}
}

.onlinetableheader{
    border-radius: 15px 15px 0 0;
    background: rgba(25,25,25,0.65) ;
    -webkit-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    -moz-box-shadow: #000000 2px 2px 2px inset, #000000 -2px -2px -2px;
    box-shadow: #111 -2px -2px 8px inset, #111 2px 2px 8px inset, rgba(0, 0, 0, 0.25) 1px 1px 0px, rgba(0, 0, 0, 0.25) -1px -1px 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    height: 64px;
}

/*
#hinthover
{
    transform: rotateX(90deg);
}

#mostusedname:hover + #hinthover
{
    transform: rotateX(0deg);
}

#mostusedname
{
    cursor: pointer;
}
*/