@font-face {
	font-family: 'Play';
	src: url(/prognoz/font/Play-Regular.ttf);
}
@font-face {
	font-family: 'FA900';
	src: url(/prognoz/font/fa-solid-900.ttf);
}
* {
	font-family: 'Play';
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
}
body, html {
	padding:0px;
	margin:0px;
	background:#000000;
	background-image: url(img/1back.png);
}
body {
	overflow-y: scroll;

}

* {
	scrollbar-color: #444444 #111111;
	scrollbar-width: thin;
}


#dtses {
	display:flex;
	align-items: center;
    justify-content: center;
}
#warning {
	background:red;
	color:black;
	text-align:center;
}

.logline {
	display:grid;
	grid-template-columns: 80px 1fr;
	border-bottom: #555555 ridge 1px;
}
.logline > div {
	text-align:left;
	margin: 1px 10px 1px 4px;
}
.logline > div.loglinetime {
	text-align:right;
	font-size:80%;
	color:#ffaa00;
}

#dtses > input {
	width:100px;
	border:none;
	color-scheme: dark;
	padding:5px;
	margin: 0px 8px;
}
.buttonsm {
	width:200px;
	padding:4px;
	font-size:14pt;
}

#line {
	height: 10px;
	background: linear-gradient(90deg, #000000 40%, #FF9900 50%, #FF9900 52%, #000000 62%);
	background-size: 600% 600%;
	animation: line 3s linear infinite;
	transform: translate3d(0, 0, 0);
}

.addios {
	padding:6px 0px 2px 0px;
	color:#ff9900;
	cursor:pointer;
}

#addpar {
	transition:all 0.3s;
	overflow:hidden;
	max-height:0px;
}
#addpar.showed {
	max-height:800px;
	overflow:auto;
}


#addpar > div > label {
	padding:8px 10px;
	display:flex;
}
#addpar > div > label > div {
	margin: 0px 5px;
}
#addparta {
	width:90%;
	height:250px;
	padding:10px;
	background: #444444;
	color:#ff7700;
	border:#888888 solid 1px;
}
#addparta:focus {
	outline: none;
	border:#ff9900 solid 1px;
}

.checkbox > input[type=checkbox] {
	opacity:0;
}
.checkbox > input[type=checkbox]+label::before {
	content: '';
	display: inline-block;
	border: 1px solid #333333;
	width:16px;
	height:16px;
	background: #111111;
	transition:all 0.1s;
	border-radius:10px;
}
.checkbox > input[type=checkbox]:checked+label::before {
	background: #ff8800;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-position: center center;
}

input.ipl {
	background: transparent;
	border:none;
	color:white;
	width:100%;
	font-size:100%;
	padding:0px;
	outline: none;
}
.player:hover input.ipl {
	color:#ff8800;
}
input.ipl:enabled, .player:hover input.ipl:enabled {
	border-bottom:#ff9900 solid 1px;
}
.match {
	display: flex;
	padding:5px;
	border-radius:50px;
}
.match_number {
	border-radius:5px 0px 0px 5px;
	background: #444444;
	padding:2px;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:9pt;
	width:20px;
}
.match_set {
	border-radius:0px 5px 5px 0px;
	background: #444444;
	padding:2px;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:9pt;
	width:28px;
	cursor:pointer;
}
.match_set > img {
	width:16px;
}
.match_players {
	padding:0px 0px 0px 2px;
	width:150px;
}
.match_players > div {
	text-align:left;
	font-size:11pt;
	background:#111111;
	padding:4px;
	margin: 0px 0px 1px 0px;
	cursor:default;
	transition:all 0.2;
}

#photofile {
	opacity:0;
	width:100%;
	height:80px;
	cursor:pointer;
}
#myphoto {
	border: #ff9900 dashed 2px;
	border-radius:8px;
	background-image:url(img/photo.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}
#tinfo {
	color:#ff6666;
	margin:80px 10px 10px 10px;
}

#loading {
	position:fixed;
	bottom:0px;
	left:0px;
	width:100vw;
	height:4px;
	background-image: url(img/ll.png);
	animation-name: loadinanim;
	animation-iteration-count: infinite;
	animation-duration: 0.2s;
	animation-timing-function:linear;
	display:none;
}
@keyframes loadinanim {
	from {
		background-position: 0px 0px;
	}
	to {
		background-position: 16px 0px;
	}
}
.rating-tableh {
	color:#ff9900;
	max-width:400px;
	margin:auto;
	font-size:18pt;
}
.rating-table {
	cursor:pointer;
	padding:6px 1px;
	margin:4px 0px;
	text-align:left;
	color:white;
	max-width:400px;
	margin:auto;
	display:grid;
	grid-template-columns: 28px 40px 1fr 60px 30px;
	transition:all 0.2s;
}
.rating-table:hover {
	background: rgba(255,200,0,0.5);
}
.rating-table > div > span.up {
	color: #88ff88;
	font-size:80%;
}
.rating-table > div > span.down {
	color: #ff8888;
	font-size:80%;
}

.rating-table > div > span.small {
	color: gold;
	font-size:70%;
}
.plrat {
	color:white;
	font-size:16pt;
	display:flex;
	max-width:400px;
	margin:auto;
	justify-content: space-between;
}
.zhopka {
	color:white;
	display:grid;
	max-width:400px;
	margin:auto;
	text-align:left;
	grid-template-columns: 340px  50px;
}
.zhopka > div.sc {
	color:#88ff88;
}
.tourname {
	max-width:400px;
	margin:auto;
	color:#ffbb00;
	text-align:left;
	display:flex;
	justify-content: space-between;
}
.tourmama {
	max-width:400px;
	margin:auto;
	text-align:left;
	display:grid;
	color:white;
	grid-template-columns: 130px 30px 130px 50px 50px;
}

.fuken {
	max-width:400px;
	margin:auto;
	text-align:left;
	color:white;
	font-size: 15pt;
	padding:8px;
	cursor:pointer;
}
.fuken:hover {
	background: rgba(255,200,0,0.5);
}
#userad {
	max-width:400px;
	margin:auto;
	text-align:left;
	color:white;
}
.userhea {
	font-size:18pt;
}
.tourmama > div.vs {
	font-size:80%;
	opacity:0.8;
}
.tourmama > div {
	border-bottom: rgba(0,0,0,0) solid 1px;
}
.tourmama > div.sc {
	color:#ff8800;
}

.tourmama > div.pl2 {
	color:#ffccaa;
	cursor:pointer;
}
.tourmama > div.pl2:hover {
	border-bottom: #ffccaa dashed 1px;
}

#otherbutton {
	color:white;
	width:300px;
	padding:20px;
	margin:auto;
	background:green;
	border-radius:8px;
	cursor:pointer;
}
#lk_photo > img {
	width:100%;
}
#papa {
	display:flex;
	flex-wrap: wrap;
    justify-content: flex-start;
}
.player2 {
	padding:8px;
	width:200px;
}

#resz {
	display:flex;
	flex-wrap: wrap;
}

.player2-2 {
	padding:8px;
	width:100px;
}

#rand_photo {
	width:200px;
	height:200px;
	transition: all 0.3s;
}
#samazher {
	display:flex;
	justify-content: center;
}
.imava2 {
	width:80px;
	height:80px;
	margin:auto;
	background-size:cover;
	background-position:50% 0%;
	background-size:100%;
	background-repeat:no-repeat;
	border-radius:40px;
	/*background-color:linear-gradient(to top, #222222, #333333);*/
	/*border:#ff9900 solid 5px;*/
}
.imava {
	width:180px;
	height:180px;
	margin:auto;
	background-size:cover;
	background-position:50% 0%;
	background-size:100%;
	background-repeat:no-repeat;
	border-radius:40px;
	/*background-color:linear-gradient(to top, #222222, #333333);*/
	/*border:#ff9900 solid 5px;*/
}

#setbuts {
	display:flex;
}
.match_players > div > span {
	font-size:9pt;
	font-style:italic;
	opacity:0.4;
}
.match_players > div.winnermatch {
	background: linear-gradient(to right, #552211, #111111);
}
.match_scores {
	padding:0px;
	width:40px;
}
.match_scores > div {
	text-align:center;
	font-size:11pt;
	background:#111111;
	padding:4px;
	margin: 0px 0px 1px 0px;
}
#grid_div {
	overflow-x:auto;
	padding: 8px 0px;
}
#grid1, #grid2 {
	display:flex;
	align-items: center;
}
#gridh1, #gridh2 {
	display:flex;
	align-items: center;
	flex-shrink:0;
}
#gridh1 > div, #gridh2 > div {
	width:220px;
	flex-shrink:0;
	font-size:10pt;
	color:#ffaa00;
}
#rightdiv {
	width:800px;
}

#block {
	width:100vw;
	height:100vh;
	position:absolute;
	top:0px;
	left:0px;
	z-index:200;
	background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
	display:none;
}
.bplayers {
	display:grid;
	grid-template-columns: 1fr 20px 1fr;
	color:white;
	justify-content: space-evenly;
	padding:20px 8px 8px 8px;
}

.bplayers > div {
	font-size:18pt;
}
.bscorespen {
	display:flex;
	color:white;
	justify-content: center;
	padding:1px 1px;
}
#flowdiv {
	box-shadow: 0px 0px 10px rgba(255,150,0,0.5);
	position:absolute; 
	width:400px;
	background:#000000;
}
.addreslink {
	text-align:center;
}
.addreslink > span {
	cursor:pointer;
	color:#ff8800;
}
.bscorespen > div {
	font-size:11pt;
}
.bscorespen > div > input {
	width: 20px;
	font-size:11pt;
	text-align:center;
	border:none;
	background:#333333;
	outline: none;
	color:#ff8800;
}
.bscores {
	display:flex;
	color:white;
	justify-content: center;
	padding:3px 3px;
}

.bscores > div {
	font-size:16pt;
}
.bscores > div > input {
	width: 40px;
	font-size:20pt;
	text-align:center;
	border:none;
	background:#333333;
	outline: none;
	color:#ff8800;
}
.razverznis {
	text-align:right;
	padding:0px 20px;
	color:#ff8800;
}
.razverznis > span {
	cursor:pointer;
}





@keyframes line {
	0% {background-position: 100% 50%;} 
	100% {background-position: 0% 50%;}
}
	
#menu {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
#menu > div.normal {
	font-size:26pt;
	margin:10px;
	padding: 14px 30px;
	background: linear-gradient(0deg, #FF9900 0%, #aa4400 50%);
	background: #FF9900;
	background-size: 200% 200%;
	background-position: 0% 50%;
	color:white;
	border-radius:6px;
	width:300px;
	text-align:center;
	cursor:pointer;
	transition:all 0.4s;
	display:flex;
	justify-content: space-evenly;
	align-items: center;
}
#menu > div.normal > img {
	height: 24pt;
	transition:all 0.2s;
}
#menu > div.normal:hover > img {
	transform: scale(-1, 1);
}


#menu > div.light {
	font-size:18pt;
	margin:10px;
	padding: 14px 30px;
	background: linear-gradient(0deg, #f9fff9 0%, #f9fff9 50%);
	background: #FF9900;
	background-size: 200% 200%;
	background-position: 0% 50%;
	color:#ffffff;
	border-radius:6px;
	width:360px;
	text-align:center;
	cursor:pointer;
	transition:all 0.4s;
	display:flex;
	justify-content: flex-start;
	align-items: center;
}
#menu > div.light:hover {
	background-position: 50% 100%;
}
#menu > div.light > img {
	height: 28pt;
	margin-right:8px;
}

#key {
	width:80px;
	height:80px;
	background: #555555;
	border-radius:50px;
	border: #FF9900 solid 3px;
	position:fixed;
	right:10px;
	bottom:10px;
	box-shadow:2px 2px 8px rgba(0,0,0,0.3);
	transition:all 0.2s;
	overflow:hidden;
	cursor:pointer;
}
#key > img {
	width:74px;
	padding:10px;
	transform: rotate(0deg);
	animation: key 3s ease infinite;
}
@keyframes key {
	0% {transform: rotate(0deg);} 
	20% {transform: rotate(360deg);}
	100% {transform: rotate(360deg);}
}

#index {
	position:fixed;
	bottom:0px;
	font-size:17pt;
	text-align:center;
	padding:12pt;
	width:50vw;
	cursor:pointer;
	color:#FF9900;
	text-shadow: 0px 0px 8px rgba(0,0,0,1), 0px 0px 8px rgba(0,0,0,1), 0px 0px 8px rgba(0,0,0,1), 0px 0px 8px rgba(0,0,0,1);
}
.lkfield {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding:8px;
	max-width:800px;
	min-width:380px;
	font-size:12pt;
	color:#FF9900;
	background:#333333;
	margin: 3px auto;
}
.lkfield > div > span {
	font-size:12pt;
	color:red;
	cursor:pointer;
}
.lkfield > div > input {
	font-size:12pt;
	border:none;
	border-bottom: #339933 dotted 1px;
	color:#000;
	background:#FF9900;
	cursor:pointer;
	
}
#content {
	text-align:center;
	padding:20px 4px;
}
#lk {
	text-align:center;
}
input[type=password], input[type=text] {
	margin:5px;
	font-size:18pt;
}
button {
	width:300px;
	border:none;
	background: linear-gradient(0deg, #FF9900 0%, #aa4400 50%);
	background: #FF9900;
	border-radius:5px;
	padding:8px;
	font-size:18pt;
	color:white;
	cursor:pointer;
	text-align:center;
}
.tournament {
	max-width:800px;
	margin: 2px auto;
	text-align:left;
	background:#333333;
	padding:0px;
	color:#fff;
	cursor:pointer;
	transition: all 0.3s;
	border: #333333 solid 3px;
	border-radius:5px;
}
.tournament_one {
	min-width:800px;
	margin: 2px auto;
	text-align:left;
	background:#333333;
	padding:0px;
	color:#fff;
	cursor:pointer;
	transition: all 0.3s;
	border: #333333 solid 3px;
	border-radius: 8px;
}

.tournament_one > .tname {
	font-size:18pt;
	font-weight:bold;
	transition: all 0.3s;
	padding:8px;
}

.tournament_one > .format {
	display: grid;
	grid-template-columns: 80px 1fr;
	padding:2px 20px;
	font-size:11pt;
}
.tournament_one > .format > .f1 {
	color:#ff9900;
}

.tournament:hover > div.tname {
	background: #ff9900;
	color:white;
}
.tournament:hover {
	background: #444444;
	color:white;
	border: #ff9900 solid 3px;
}
.tournament > .tname {
	font-size:18pt;
	font-weight:bold;
	transition: all 0.3s;
	padding:8px;
}
.tournament > .tdescr {
	padding:0px 8px;
}
.tournament > .ttime {
	display:flex;
	align-items: center;
	opacity:0.8;
	padding:0px 8px;
}
.tournament > .ttime > img {
	height:10pt;
}

.tournament > .tpart {
	display:flex;
	align-items: center;
	justify-content: flex-end;
	opacity:0.8;
	padding:0px 8px;
}
.tournament > .tpart > img {
	height:10pt;
}
.reg {
	background:#ff9900;
	background-image: url(img/omg.png);
	background-position: 155% 0%; 
	background-repeat: no-repeat;
	color:white;
	width:300px;
	padding:10px;
	border-radius:20px;
	cursor:pointer;
	margin:5px auto;
	transition: all 0.2s;
}
.reg:hover {
	background-position: 120% 0%; 
}
.ref {
	background-color:#999999;
}

.button {
	background:#ff9900;
	color:white;
	width:300px;
	padding:10px;
	border-radius:5px;
	cursor:pointer;
	margin:5px auto;
	background-image: url(img/omg.png);
	background-position: 155% 0%; 
	background-repeat: no-repeat;
	transition: all 0.2s;
	text-align:center;
}
.button:hover {
	background-position: 120% 0%; 
}
#maingrid {
	display: flex;
	max-width:1200px;
	margin:auto;
}
#tmenu1 {
	width:300px;
	color:#ff9900;
	text-align:left;
}
#tmenu1 > div {
	border-left: #000000 solid 5px;
	padding:6px;
	cursor:pointer;
	transition:all 0.2s;
	margin-right:10px;
}
#tmenu1 > div.selected {
	background: #333333;
	border-left: #ff9900 solid 5px;
}
#tmenu1 > div:hover {
	background: #333333;
}

#tmenu2 {
	max-height:0px;
	overflow:hidden;
	background:#333333;
	user-select: none;
	border-radius: 8px;
}
#tmenu2 > div {
	padding:10px 10px 10px 20px;
	cursor:pointer;
	margin:0px auto;
	color: #ffffff;
	background:#333333;
	text-align:left;
	max-height:0px;
	padding:0px;
	overflow:hidden;
	user-select: none;
}
#tmenu2 > div.selected {
	padding:10px 10px 10px 20px;
	border-radius:20px;
	cursor:pointer;
	margin:5px auto;
	border: #ff9900 solid 2px;
	color: #ffffff;
	background:#333333;
	text-align:left;
	display: flex;
	align-items: center;
	max-height:50px;
}

#tmenu2 > div.expand {
	padding:10px 10px 10px 20px;
	max-height:400px;
}
#tmenu2 > div.selected::before {
	content: '  ';
	font-family: 'FA900';
	white-space: pre;
}

#message {
	position:fixed;
	top:0px;
	left:0px;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0);
	display:none;
	justify-content: center;
	align-items: center;
	transition: all 0.2s;
	overflow:hidden;
}
#msgtext {
	width:350px;
	height:200px;
	display:flex;
	justify-content: center;
	align-items: center;
	background:#ff9900;
	border-radius:8px;
	box-shadow:1px 1px 10px rgba(255,255,255,0.5);
	position:relative;
	top:3000px;
	transition: all 0.2s;
	padding:10px;
	text-align:center;
}
#message.active {
	display:flex;
}
#message.active2 {
	background:rgba(0,0,0,0.7);
}
#msgtext.active {
	top:0px;
}

#datablock {
	background: #333333;
	color:white;
	border-radius: 8px;
	padding:15px 2px;
}
#datablock.fulls {
	position:absolute;
	width:100vw;
	min-height:100vh;
	top:0px;
	left:0px;
}

#settings {
	display: grid;
	grid-template-columns: 1fr 4fr;
	align-items: center;
	text-align:left;
	margin: 5px auto;
}

#settings > div {
	padding:15px 10px;
}

#settings input[type=text] {
	border:none;
	background: #111111;
	color:white;
	font-size:12pt;
	padding:8px 14px;
	width:98%;
}
#settings input[type=number] {
	border:none;
	background: #111111;
	color:white;
	font-size:12pt;
	padding:8px 14px;
	width:80px;
	margin:4px 10px;
}
#settings select {
	border:#111111 solid 1px;
	background: #111111;
	color:white;
	font-size:12pt;
	padding:8px 14px;
	width:80px;
	text-align:center;
	transition:all 0.2s;
	margin:4px 10px;
	-webkit-appearance: none;
}
#settings select:hover {
	border:#ff9900 solid 1px;
}
#settings select.big {
	width:200px;
}
label {
	white-space:nowrap;
}

.hr {
	border-bottom: #222222 solid 1px;
	border-top: #444444 solid 1px;
	margin: 14px 0px;
}
#bezdna {
	height:400px;
}

.player {
	display: grid;
	grid-template-columns: 26px 1fr 1fr;
	text-align:left;
	padding:10px 10px;
	margin:4px;
	background: #222222;
	cursor:default;
}

.player:hover {
	color:#ff8800;
}

.player > .behover {
	opacity:0;
	transition:all 0.1s;
}
.player:hover > .behover {
	opacity:1;
}

.behover > img {
	height:20px;
	cursor:pointer;
	transition:all 0.2s;
}
.behover > img:hover {
	transform: scale(1.6, 1.6);
}

#ttable {
	display:grid;
	grid-template-columns: 30px 2.5fr 1fr;
}
#ttable > div {
	text-align:left;
	padding:10px 5px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.winlist {
	display:flex;
}
.winlist > .ttwin {
	background: #009900;
	width: 20px;
	height: 20px;
	margin:3px;
	text-align:center;
}
.winlist > .ttlos {
	background: #cc0000;
	width: 20px;
	height: 20px;
	margin:3px;
	text-align:center;
}

#tmatches > div {
	padding:4px 8px;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
} 
#tmatches > div > div {
	display:flex;
}
#tmatches > div > div > div.tmmn {
	width:35px;
}
#tmatches > div > div > div.tmt {
	min-width:80px;
}
#tmatches > div > div > div.tmt0 {
	opacity:0;
}
#tmatches > div > div > div.tmt > input {
	border:none;
	background: transparent;
	color:#ffffee;
	max-width: 100px;
	color-scheme: dark;
	text-align:center;
}
#tmatches > div > div > div > div.tmp {
	width:150px;
	text-align:left;
}
#tmatches > div > div div > div.tmp > span {
	font-size:80%;
	opacity:0.5;
	font-style:italic;
}
#tmatches > div > div >  div > div.tmp1 {
	text-align:right;
}
#tmatches > div > div > div > div.tmp2 {
	text-align:left;
}
#tmatches > div > div > div > div.tmr {
	padding:0px 12px;
}
#tmatches > div > div > div > div.tmwin {
	color:#ff8800;
}
#tmatches > div > div.tmpd {
	flex-direction: column;
}
#tmatches > div > div.tmpd > div {
	display:flex;
}
#tmatches > div > div >  div.advres {
	justify-content: center;
	font-size:70%;
	color:#ffcc55;
}
#tmatches > div > div >  div.advres > input {
	width: 50px;
	font-size:20pt;
	border:none;
	text-align:center;
	background:#111111;
	color:white;
}
#tmatches > div#info {
	text-align:left;
	padding:15px;
	margin:8px;
	border: #ff9900 dashed 1px;
}


#tmatches > div#poktab {
	text-align:center;
	padding:16px;
	cursor:pointer;
	justify-content: center;
	color:#ff9900;
	background:rgba(255,150,0,0.1);
}

#tmatches > div#tablebet {
	overflow:hidden;
	max-height:0px;
	transition:all 0.5s;
	display:block;
}


#tmatches > div#tablebet > div.bettab {
	display:grid;
	grid-template-columns: 30px 200px 20px;
	text-align:left;
	margin:5px 20px;
	border-bottom: rgba(255,200,0,0.1) solid 3px;
}

.fbo {
	font-size:80%;
	color:#ff8800;
}
.betress {
	color:pink;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { 
	appearance: textarea;
	-moz-appearance: textfield; 
}
#tmatches > div > div >  div.advres > input:disabled {
	width: 10px;
	font-size:20pt;
	border:none;
	background:transparent;
	color:#ff9900;
}
.hhh {
	width:100%;
	height:3px;
	background: #000000;
	border-radius:8px;
	box-shadow: inset 1px -1px 1px rgba(255, 255, 255, 0.3);
}

#admintime {
	display:flex;
	justify-content: center;
}
#admintime > input {
	background:transparent;
	border:none;
	color-scheme: dark;
	margin:1px 5px;
}
#admintime > input[type=number] {
	width:40px;
}







@media screen and (max-width: 1200px){
	#tmenu1 {
		width:0px;
		overflow:hidden;
	}
	#tmenu2 {
		max-height:400px;
		overflow:hidden;
	}
	.tournament_one {
		min-width:98vw;
		width:98vw;
	}
	#rightdiv {
		min-width:98vw;
		width:98vw;
	}
}