@charset "utf-8";
/* CSS Document */


/* ADMIN */

.points input[type=number] { width: 60px }

.status {margin-left: 30px;}
.points {font-size: 16px; text-align: left; width: 40px; display: inline-block; margin-left: 2px;}
.done {font-weight: 700;}
.win {color: #2196f3;}
.fixedsize {width:100px; margin: 0 0 0 15px;}
.fixedsize_2 {width:48px; margin: 0 0 0 15px;}
.fixedsize_2_1 {width:48px;}
.table .row {margin-bottom: 15px;}
.set {color:#4caf50; display: inline-block;}
span.table {font-weight: 600; text-transform: uppercase;}
.page-header button, .page-header a.btn {float: right; margin-top: 8px;}
.hidden {display: none;}
table.table img { max-height: 50px; width: auto;}
.team-edit-img img {max-width: 50px; height: auto;}
.overflow {overflow: hidden;}

/* TABLE */
body.table-body {background: url(../img/bg.jpg) no-repeat center; background-size: cover; font-family: Arial; color: #fff;background-color: #06264f;height: 100%;width: 100%; }
html {height: 100%;}
.table-body {/*height: 1065px;*/ overflow-y:auto; /*overflow-x: hidden;*/ font-size: 3vw; height: 100%;}

	.table-body.t720  {width: 720px; height: 576px; overflow: hidden; font-size: 100%;}
.hideoverflow {overflow: hidden !important;}
.table-container {margin:15px; height: 251px; background-color: rgba(255,255,255,0.00); width: 1890px; overflow: hidden;}
	.t720 .table-container {margin:10px; height: 124px; width: 720px; overflow: hidden;}
	.t6 .table-container {margin:28px 40px; height: 146px;}
	.t6.t720 .table-container {margin:5px 10px; height: 86px;}
	.t5 .table-container {margin:45px 40px; height: 160px;}
	.t5.t720 .table-container {margin:10px; height: 94px;}
	.t3.t720 .table-container {margin:20px 10px; height: 152px;}
.table-container:nth-child(even) {background-color: rgba(255,255,255,0.08); }
.table-name {height: 251px; float: left; width: 120px; font-size: 53px; font-weight: bold; text-align: center; line-height: 251px;}
	.t720 .table-name {height: 124px; line-height: 124px; width: 43px; font-size: 16px;}
	.t6 .table-name {height:146px; line-height: 146px;}
	.t6.t720 .table-name {height: 86px; line-height: 86px;}
	.t5 .table-name {height:160px; line-height: 160px;}
	.t5.t720 .table-name {height: 94px; line-height: 94px;}
	.t3.t720 .table-name {height: 152px; line-height: 152px;}
.table-results {display: table;}
.table-results-tr {display:table-row; height: 120px; margin-bottom: 11px;}
	.t720 .table-results-tr {height: 60px; margin-bottom: 4px;}
	.t6 .table-results-tr {height: 70px; margin-bottom: 6px;}
	.t6.t720 .table-results-tr {height: 42px; margin-bottom: 2px;}
	.t5 .table-results-tr {height: 75px; margin-bottom: 10px;}
	.t5.t720 .table-results-tr {height: 45px; margin-bottom: 2px;}
	.t3.t720 .table-results-tr {height: 75px; margin-bottom: 2px;}
.table-results-td {background-color: rgba(255,255,255,0.1); font-size: 50px; font-weight: bold; height: 120px; line-height: 120px; float: left; margin-bottom: 10px; padding:0 25px;}
	.t720 .table-results-td {height: 60px; line-height: 60px; font-size: 16px; padding: 0 9px; margin-bottom: 4px;}
	.t6 .table-results-td {height: 70px; line-height: 70px;}
	.t6.t720 .table-results-td {height: 42px; line-height: 42px; margin-bottom: 1px;}
	.t5 .table-results-td {height: 75px; line-height: 75px;}
	.t5.t720 .table-results-td {height: 45px; line-height: 45px; margin-bottom: 4px;}
	.t3.t720 .table-results-td {height: 75px; line-height: 75px; margin-bottom: 4px;}
.table-results-td img {display: block; }
	.t720 .table-results-td img { height: 42px; width: 63px; margin-top: 9px;}
	.t6 .table-results-td img {height: 70px;}
	.t6.t720 .table-results-td img {margin-top: 0; height: 42px; }
	.t5 .table-results-td img {height: 75px;}
	.t5.t720 .table-results-td img {margin-top: 2px; height: 42px; }
	.t3.t720 .table-results-td img {margin-top: 16px; height: 40px;  width: 61px;}
.table-results-td.flag {padding: 20px 0 0 20px;}
	.t720 .table-results-td.flag {padding: 0;}
	.t6 .table-results-td.flag {padding: 0;}
	.t5 .table-results-td.flag {padding: 0;}
.table-results-td.country { width: 120px; font-size: 30px;}
	.t720 .table-results-td.country { width: 36px; font-size: 10px;}
.table-results-td.name {width: 638px; margin-left: 10px; margin-right: 60px; position: relative; white-space: nowrap; padding-right: 70px;}
	.t720 .table-results-td.name {width: 238px; margin-left: 4px; margin-right: 22px;}
.table-results-td.name.feed:after {content: ""; display: block; width: 28px; height: 28px; background-color: #ffffff; position: absolute; right: -50px; top:47px; border-radius: 14px;}
	.t720 .table-results-td.name.feed:after {width: 10px; height: 10px; top:30px; right:-19px;}
	.t6 .table-results-td.name.feed:after {top:20px;}
	.t6.t720 .table-results-td.name.feed:after {top:15px;}
	.t5 .table-results-td.name.feed:after {top:25px;}
	.t5.t720 .table-results-td.name.feed:after {top:20px;}
	.t3.t720 .table-results-td.name.feed:after {top:33px;}
.table-results-td.set {color: #fff; padding: 0; margin-left: 10px; width: 90px; text-align: center;}
	.t720 .table-results-td.set {width:34px; margin-left: 4px;}
.table-results-td.final {background-color: #ffee00; color: #000; margin-left: 10px; width: 90px; text-align: center;}
	.t720 .table-results-td.final {width:34px; margin-left: 4px;}

/* PAIRS */
.pair {float: left; }
.pair .table-results-td {font-size: 40px; font-weight: bold; height: 59px; line-height: 59px; float: left; margin-bottom: 2px; padding:0 25px;}
	.t720 .pair .table-results-td {font-size: 14px; height: 20px; line-height: 20px; padding: 0 9px;}
	.t3.t720 .pair .table-results-td {font-size: 16px; height: 37px; line-height: 42px; padding: 0 9px; margin-bottom: 1px;}
.pair .table-results-td.flag {padding: 0 0 0 20px;}
	.t720 .pair .table-results-td.flag {padding: 0 0 0 0px;}
	.t3.t720 .pair .table-results-td.flag {width:55px;}
.pair .table-results-td img {display: block; height: 59px; width: 118px;}
	.t720 .pair .table-results-td img {height: 20px; width: 30px;}
	.t3.t720 .pair .table-results-td img {height: 37px; width:55px;  margin-top: 0;}
.pair .table-results-td.country { font-size: 30px; width: 123px;}
	.t720 .pair .table-results-td.country { font-size: 10px; width: 69px;}
	.t3.t720 .pair .table-results-td.country { font-size: 10px; width: 44px;}

/* TIMEOUT, CARDS ON TABLES */
.table-results-timeot {position: absolute; top: 0; bottom: 0; left: 978px; right: 0; background-color: #304767; z-index: 100; text-align: center; text-transform: uppercase; font-weight: 600; padding-top: 80px; opacity: 80%; color: #ffd400;}
.table-results {position:relative;}
.timeout-check {color: #ffffff;display: block; position: absolute; right: 21px; top: -29px; font-size: 33px; font-weight: 900; text-transform: uppercase;}
.timeout-check-now {color: #ffd400;}
.table-results .cards {position: absolute; right: 17px; top: 67px; width: 130px;}
.table-results .yellow-card { display: block; width: 30px; height: 40px; line-height: 40px; background-color: #ffee00; float: right; margin-left: 15px;}
.table-results .red-card {display: block; width: 45px;height: 40px; line-height: 40px; float: right; margin-left: 15px; background-color: #ff0000; border-left: 15px solid #fe0; font-weight: 700; text-align: center; font-size: 30px;}
.pair .yellow-card {}
.pair .red-card {}
.pair .timeout-check {right: 20px; top: -2px;}
.pair .cards {right: 17px; top: 10px; width: 130px;}
.timeout-name {color: #ffd400;}

/* TEAMS */
.teams-container {font-size: 1em; /*width: 1920px;*/ border: 1px solid #fff; height: auto;}
.table-teams {}
.table-teams-row {}
.row-1 {/*height: 144px;*/}
.table-teams-col {/*width: 959px;*/ width: 50%; float: left; margin-right: 0; border: 1px solid #fff;}
.table-teams-col-left .table-team-tscore {border-right: 1px solid #fff;}
.table-teams-col-left .table-team-cscore {border-left: 1px solid #fff;}
.table-teams-col-right .table-team-tscore {border-left: 1px solid #fff;}
.table-teams-col-right .table-team-cscore {border-right: 1px solid #fff;}
.table-teams-col:nth-child(even) {margin-right: 0;}
.table-teams-name {background-color: rgba(255,255,255,0.08); /*height: 270px;*/ text-align: center; /*font-size: 102px;*/ font-size: 1.8em; /*padding-top: 25px;*/ padding: 0.2em; line-height: 1.1; font-weight: 600;}
.row-2 {/*height: 144px;*/}
.table-team-tscore {float: left; background-color: rgba(255,255,255,0.08); /*height: 272px;*/ text-align: center; /*width: 323px;*/ width: 33.6%; /*font-size: 200px;*/ font-size: 3.3em; /*line-height: 272px;*/ font-weight: 600;}
.table-team-tscore.left {border-right: 2px solid #fff;}
.table-team-tscore.right {border-left: 2px solid #fff;}
.table-team-flag {float: left; background-color: rgba(255,255,255,0.08); height: 4.94em; text-align: center; /*width: 284px;*/ width: 29.6%; margin: 0; border-left: 2px solid #fff; border-right: 2px solid #fff; position: relative;}
.table-team-flag img {height: auto; width: 100%;}
.table-team-flag-country {font-size: 1.1em; font-weight: 600; line-height: 1.74em; position: absolute; bottom: 0; text-align: center; width: 100%;}
.table-team-cscore {float: left; /*height: 272px;*/ text-align: center; /*width: 350px;*/ width: 36.8%; /*font-size: 200px;*/ font-size: 3.3em; /*line-height: 272px;*/ font-weight: 600; background-color: #004edc;}
.row-3 {/*height:288px;*/}
.table-team-parties {float: left; /* background-color: rgba(255,255,255,0.08); */ /*height: 324px;*/ height: 3em; text-align: center; /*width: 477px;*/ width: 50%; /*font-size: 61px;*/ font-size: 1em; /*margin-top: 190px;*/ margin-top: 0em; /*padding-top: 33px;*/ padding: 3em 0 0 0; position: relative; /*border-top: 2px solid #fff;*/ border-bottom: 2px solid #fff; }
.table-team-parties.feed {}
.table-team-parties.feed:after {content: ""; display: block; /*width: 100px; height: 100px;*/ width: 1.8em; height: 1.8em; background-color: #ffffff; /*position: absolute; right: 183px; top: -143px;*/ border-radius: 50%; margin: 0 auto; position: absolute; left: 50%; margin-left: -0.9em; top:0.5em;}
.table-team-parties-party {margin-top: .35em;}
.table-team-score {float: left; /*height: 515px;*/ text-align: center; /*width: 480px;*/ width: 50%; /*font-size: 429px; line-height: 515px;*/ font-size: 6.9em; line-height: 1em; font-weight: 600; padding: 0.07em 0;}
.table-team-score.left {border-left: 2px solid #fff;}
.table-team-score.right {border-right: 2px solid #fff;}
.table-team-row.row-3 .table-teams-col {background-color: #004edc;}
.table-timeout {text-align: center; /*font-size: 175px;*/ font-size: 3.8em; font-weight: 800; text-transform: uppercase; display: table-cell; height: 100%; vertical-align: middle;}
.table-team-timeout {position: absolute; top: 3.1em; font-weight: 800;}
.table-team-timeout.left {right: .5em;}
.table-team-timeout.right {left: .5em;}
.table-timeout-container {display: table; width: 100%; height: 100%;}


/* TABLE MATCH */
.table-body.match {overflow-y: hidden; overflow-x: hidden; height: 100%;}
.match-container {font-size: 1em; height: auto;}
.table-match {}
.table-match-row-1 {transform: skewX(-15deg) translateX(2vw); height: 50vh; overflow: hidden; padding: 8vh 0 2vh 0;}
.table-match-country {background-color: rgba(255,255,255,0.15); height: 15vh; text-align: center; width: 30vw; margin: 0; position: relative;}
.table-match-country.feed {}
.table-match-country.feed:after {content: ""; display: block; width: 4vw; height: 4vw; background-color: #ffffff; border-radius: 50%; position: absolute;  top: 2vw; transform: skewX(15deg);}
.table-match-row-1 .table-match-country.feed:after {right: -8vw;}
.table-match-country img {height: 100%; width: auto; float: left;}
.table-match-country-code {font-size: 1.8em; font-weight: 700; padding-left: 50%; line-height: 15vh;}
.table-match-name {background-color: rgba(255,255,255,0.1); text-align: left; font-size: 2em; padding: 0 2vw; line-height: 25vh; font-weight: 600; height: 25vh;   width: 65%;  overflow: hidden; float: left;}
.table-match-cscore {background-color: rgba(255,255,255,0.4); text-align: center; font-size: 5em; line-height: 25vh; font-weight: 600; height: 25vh; overflow: hidden; float: left; width: 20%;}
.table-match-tscore {background-color: rgba(255,255,255,0.4); text-align: center; font-size: 3em; line-height: 17vh; font-weight: 600; height: 25vh; overflow: hidden; float: left; width: 5%; color: #ffd400;}
.table-match-row-2 {transform: skewX(-15deg) translateX(7vw); height: 50vh; overflow: hidden; padding: 2vh 0 8vh 0;;}
.table-match-row-2 .table-match-country {float: right; transform: translateX(-10vw);}
.table-match-row-2 .table-match-name  {text-align: right;}
.table-match-row-2 .table-match-cscore {}
.table-match-row-2 .table-match-tscore {}
.table-match-row-2 .table-match-country.feed:after {left: -8vw;}
.table-match-details {height: 25vh;}

.table-match-row-1 .cards {position:absolute; right: -63vw; top: 0;}
.table-match-row-1 .timeout-check {font-size: 1.8em; line-height: 15vh;  height: 15vh; position:static; margin-right: 3vw; float:right;}
.table-match-row-1 .yellow-card {height: 11vh; width: 4.5vw; position:static; margin-right: 3vw; float:right; margin-top: 2vh; line-height: 11vh; background-color: #ffee00;}
.table-match-row-1 .red-card {height: 11vh; width: 6.5vw; position:static; margin-right: 3vw; float:right; margin-top: 2vh; line-height: 11vh; background-color: #ff0000; border-left: 2vw solid #fe0; font-weight: 700; text-align: center;}
.table-match-row-2 .cards {position: absolute; right: 43vw; width: 50vw; top: 0;}
.table-match-row-2 .timeout-check {font-size: 1.8em; line-height: 15vh;  height: 15vh; position:static; margin-left: 3vw; float:left;}
.table-match-row-2 .yellow-card {height: 11vh; width: 4.5vw; position:static; margin-left: 3vw; float:left; margin-top: 2vh; line-height: 11vh; background-color: #ffee00;}
.table-match-row-2 .red-card {height: 11vh; width: 6.5vw;  position:static; margin-left: 3vw; float:left; margin-top: 2vh; line-height: 11vh; background-color: #ff0000; border-left: 2vw solid #fe0; font-weight: 700; text-align: center;}


/* TABLE MATCH PAIRS */
.table-body.matchpairs {overflow-y: hidden; overflow-x: hidden; height: 100%;}
.matchpairs-container {font-size: 1em; height: auto;}
.table-matchpairs {}
.table-matchpairs-row-1 {transform: skewX(-15deg) translateX(2vw); height: 50vh; overflow: hidden; padding: 8vh 0 2vh 0; position: relative;}
.table-matchpairs-players {overflow: hidden; height: 40vh; float: left; width: 70%;}
.table-matchpairs-players.feed {}
.table-matchpairs-row-1 .table-matchpairs-players.feed:after {content: ""; display: block; width: 4vw; height: 4vw; background-color: #ffffff; border-radius: 50%;    position: absolute; right: 6vw; bottom: 8vh; transform: skewX(15deg);}
.table-matchpairs-player {text-align: left; line-height: 20vh; overflow: hidden; height: 20vh;}
.table-matchpairs-country-flag {float: left; width: 10%; height: 20vh; text-align: left; background-color: rgba(255,255,255,0.15);}
.table-matchpairs-country-flag img {width: 90%; max-height: 90%; vertical-align: middle;}
.table-matchpairs-country-code {font-size: 1.2em; font-weight: 700; padding-left: 1vw; line-height: 20vh; float: left; width: 15%; background-color: rgba(255,255,255,0.15); height: 20vh;}
.table-matchpairs-name {font-size: 1.4em; padding: 0 0.5em; font-weight: 600; height: 20vh; width: 75%; float: left; background-color: rgba(255,255,255,0.1);}
.table-matchpairs-cscore {background-color: rgba(255,255,255,0.4); text-align: center;font-size: 5em; line-height: 40vh; font-weight: 600; height: 40vh; overflow: hidden; float: left; width: 20%;}
.table-matchpairs-tscore {background-color: rgba(255,255,255,0.4); text-align: center;font-size: 3em; line-height: 13vw; font-weight: 600; height: 40vh; overflow: hidden; float: left; width: 5%; color: #ffd400;}
.table-matchpairs-row-2 {transform: skewX(-15deg) translateX(2vw); height: 50vh; overflow: hidden; padding: 2vh 0 8vh 0; position: relative;}
.table-matchpairs-row-2 .table-matchpairs-name {text-align: right;}
.table-matchpairs-row-2 .table-matchpairs-players.feed:after {content: ""; display: block; width: 4vw; height: 4vw; background-color: #ffffff; border-radius: 50%; position: absolute;  right: 6vw; bottom: 15vh; transform: skewX(15deg);}

.table-matchpairs-row-1 .cards {position:absolute; right: 2vw; top: 0;}
.table-matchpairs-row-1 .timeout-check {font-size: 1.8em; line-height: 15vh;  height: 15vh; position:static; margin-right: 3vw; float:right;}
.table-matchpairs-row-1 .yellow-card {height: 11vh; width: 4.5vw; position:static; margin-right: 3vw; float:right; margin-top: 2vh; line-height: 11vh; background-color: #ffee00;}
.table-matchpairs-row-1 .red-card {height: 11vh; width: 6.5vw; position:static; margin-right: 3vw; float:right; margin-top: 2vh; line-height: 11vh; background-color: #ff0000; border-left: 15px solid #fe0; font-weight: 700; text-align: center; background-color: #ff0000; border-left: 2vw solid #fe0; font-weight: 700; text-align: center;}
.table-matchpairs-row-2 .cards {position: absolute; right: 2vw; width: 50vw; top: 36vh;}
.table-matchpairs-row-2 .timeout-check {font-size: 1.8em; line-height: 15vh;  height: 15vh; position:static; margin-right: 3vw; float:right;}
.table-matchpairs-row-2 .yellow-card {height: 11vh; width: 4.5vw; position:static; margin-right: 3vw; float:right; margin-top: 2vh; line-height: 11vh; background-color: #ffee00;}
.table-matchpairs-row-2 .red-card {height: 11vh; width: 6.5vw; position:static; margin-right: 3vw; float:right; margin-top: 2vh; line-height: 11vh;background-color: #ff0000; border-left: 15px solid #fe0; font-weight: 700; text-align: center; background-color: #ff0000; border-left: 2vw solid #fe0; font-weight: 700; text-align: center;}




 
/* LOGIN */
.loginpage {position: absolute; height: 100%; width: 100%;}
.loginform {position: absolute; top:50%; margin-top: -150px; left: 50%; margin-left: -250px; width: 500px;}

.navbar {}
.page-header {margin:40px 0 25px 0;}
hr {margin: 25px 0;}