@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,900;1,700&display=swap');



.wait{
	padding: 15px;
}
.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 40px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 12px;
  background: #e0e0e0;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 4px;
    height: 32px;
  }
  50%, 100% {
    top: 12px;
    height: 16px;
  }
}



.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.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);
  }
}




.lds-facebookMin {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 10px;
}
.lds-facebookMin div {
  display: inline-block;
  position: absolute;
  left: 2px;
  width: 2px;
  background: #e0e0e0;
  animation: lds-facebookMin 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebookMin div:nth-child(1) {
  left: 1.5px;
  animation-delay: -0.24s;
}
.lds-facebookMin div:nth-child(2) {
  left: 6px;
  animation-delay: -0.12s;
}
.lds-facebookMin div:nth-child(3) {
  left: 10.5px;
  animation-delay: 0;
}
@keyframes lds-facebookMin {
  0% {
    top: 1px;
    height: 16px;
  }
  50%, 100% {
    top: 3px;
    height: 8px;
  }
}
















a,a:hover,a:visited{
	color: #e0e0e0;
	text-decoration: none;
	border-bottom: 1px solid #e0e0e0;
}

body{
	font-family: 'Source Sans Pro', sans-serif;
	color: #e0e0e0;
	background: #151b29;
	width: 90%;
    margin: 0 auto;

	font-size: 17px;
}
div.win{
	text-align: center;
    margin-top: .5rem;
    font-size: 20px;
    background: #2c3446;

    padding: 1rem;
    border-radius: 4px;
}








tbody{
	text-align: center;
	font-size: 1.15rem;
}
table.win{
	width: 100%;
}
 td {
	  font-weight: normal;
	  font-size: 1em;
  -webkit-box-shadow: 0 2px 2px -2px #0E1119;
	   -moz-box-shadow: 0 2px 2px -2px #0E1119;
	        box-shadow: 0 2px 2px -2px #0E1119;
}

 {
	  text-align: left;
	  overflow: hidden;
	  width: 80%;
	  margin: 0 auto;
  display: table;
  padding: 0 0 8em 0;
}

 td,  th {
	  padding-bottom: 2%;
	  padding-top: 2%;
  padding-left:2%;  
}

/* Background-color of the odd rows */
 tr:nth-child(odd) {
	  background-color: #323C50;
	  color: #e0e0e0;
}

/* Background-color of the even rows */
 tr:nth-child(even) {
	  background-color: #2C3446;
}

 th {
	  background-color: #1F2739;
}

 td:first-child { 
 	color: #8bc34a;
 	width: 100px;
 }

 tr:hover {
   background-color: #464A52;
-webkit-box-shadow: 0 6px 6px -6px #0E1119;
	   -moz-box-shadow: 0 6px 6px -6px #0E1119;
	        box-shadow: 0 6px 6px -6px #0E1119;
}

 td:hover {
background-color: #8bc34a;
    color: #3a3a3a;
    font-weight: bold;
    box-shadow: #4caf50 -1px 1px, #4caf50 -2px 2px, #4caf50 -3px 3px, #4caf50 -4px 4px, #4caf50 -5px 5px, #4caf50 -6px 6px;
  transform: translate3d(6px, -6px, 0);
  
  transition-delay: 0s;
	  transition-duration: 0.4s;
	  transition-property: all;
  transition-timing-function: line;
}

@media (max-width: 800px) {
 td:nth-child(4),
 th:nth-child(4) { display: none; }
}





::-webkit-scrollbar { width: 3px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #999;}}
::-webkit-resizer { background-color: #666;}











.infoBox{
	background: #1f2739;
/*	padding: 1.3rem;*/
    text-align: center;
    font-size: 1rem;
    line-height: 1.2;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	height: 3.25rem;    
}

.whoisBox{
	background: #1f2739;
    padding: 1rem;

	margin: 1rem 0;
    box-shadow:  0px 0px 3px 0px #2c3446;
    text-align: center;
	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 1rem;
    line-height: 1.4;    
}
.whoisBox .title{
	background: #2c3446;
    padding: 1rem;

    border-radius: 4px;
   	font-size: 1.3rem;

}
.headInfoBox{
	background: #1f2739;

    text-align: center;
    padding: 1rem;
    margin: 1rem 0;
    box-shadow: 0px 0px 3px 0px #2c3446;
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
	height: 49rem;
}
.headInfoBox .title{
background: #2c3446;
    padding: 2rem 3rem 1rem 3rem;
    border-radius: 4px;
    font-size: 1.3rem;

    margin: -35px auto 0 auto;

/*    display: table;*/


}
.headInfoBox .tBox{
	background: #f8f9fa;
    padding: .1rem .5rem;
    color: #6ab1ef;
    border-radius: 4px;
    width: fit-content;
}
.headInfoBox .title a{

    color: #6ab1ef;

}
.headInfoBoxImg{
	background: #6ab1ef;

    font-size: 2rem;
    text-align: center;
    padding: 1rem;
    margin: 1rem 0;
    border-radius: 4px;
    box-shadow: 0px 0px 10px 0px rgb(106 177 239);
}
.headInfoBoxImg img{
	border-radius: 4px;
}
@media screen and (max-width: 640px) {
.headInfoBoxImg img{
	width: 100%!important;
}
}
.winnerBox{
	line-height: 1.2;
    text-align: center;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;

}
.button {
    background-color: #4caf50;
    border: none;
    color: #ffffffcf;
	padding: .75rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-top: 1rem;
    border-radius: 4px;
/*    width: 100%;*/
}
.button:focus{
	outline: none;
}


.comment{
/*	font-size: 1.2rem;
	margin-top: 1rem;*/
}
.timerBox{
	font-size: .85rem;
}
.partTable{
	overflow: auto; height: 43rem; width: 100%; overflow-x: hidden;
}

@media (max-width: 800px) {
  .headInfoBox {
    height: 100%!important;
  }
  .winnerBox{
  	height: 20rem!important;
  }
  .winnerBox{
  	height: 20rem!important;
  }
  .partTable{
  	height: 25rem!important;
  }


}