body, input {background-color:#DDD;color:#000;}
.input-form {float:left;width:99%;margin:0 .5%;font-size:18px;}
.input-form .match input, .input-form .match select {width:14%;margin-left:25px;text-align:center;font-size:16px;}
.input-form > form > div:nth-of-type(1) input[type=checkbox] {width:18px;height:18px;margin:5px;}
.input-form > form > div:nth-of-type(1) input[name=home2] {float:right;margin-right:3px;}
.input-form .club1 div, .input-form .club2 div {float:left;width:23%;margin:1%;}
.input-form form > div:nth-of-type(2) > select, .input-form form > div:nth-of-type(3) > select {height:50px;font-size:16px;}
.input-form .club1 div select, .input-form .club2 div select {display:none;}
.input-form .pitch > div {width:190px;height:750px;background-color:green;}
.input-form .pitch > div > div {width:190px;height:150px;}
.input-form .pitch > div:nth-of-type(4) > div {height:250px;}
.input-form > form > button[name=updateGame] {width:100%;margin:20px 0;}
.input-form form div {float:left;}
.input-form > form > div:nth-of-type(1) {width:100%;padding:0;margin-bottom:5px;background-color:#CFCBFD;}
.input-form .club1 > div > div, .input-form .club2 > div > div {cursor:pointer;width:100%;margin-bottom:10px;}
.input-form .club1 > div > div > span, .input-form .club2 > div > div > span {display:block;padding:3px 0;text-align:center;font-size:15px;}
.input-form .club1 > div > div > span > span, .input-form .club2 > div > div > span > span {float:right;font-size:14px;}
.input-form .club1 > span, .input-form .club2 > span {display:block;width:100%;text-transform:uppercase;font-weight:bold;font-size:19px;}
.input-form div.K span, .input-form div.K span {background-color:#DDCC88}
.input-form div.D span, .input-form div.D span {background-color:#99BBCC}
.input-form div.M span, .input-form div.M span {background-color:#99CC99}
.input-form div.F span, .input-form div.F span {background-color:#CCAA99}
.club1, .club2 {width:46%;cursor:pointer;letter-spacing:2px;}
.club1 {text-align:right;}
.input-form form div.club2 {float:right;}
.club1 select,.club2 select {width:100%;}
.goal-inputs-colors {width:50%;}
.goal-inputs-colors > div:nth-of-type(1) {width:80%;}
.goal-inputs-colors > div:nth-of-type(2) {width:20%;}
.goal-inputs-colors input[name=goals-team1],.goal-inputs-colors input[name=penalties1] {float:left;}
.goal-inputs-colors input[name=goals-team2],.goal-inputs-colors input[name=penalties2] {float:right;}
input[name^=goals-team],input[name^=penalties] {text-align:center;font-size:64px;font-family:'Times New Roman';}
input[name^=goals-team] {width:70%;margin-top:0px;}
input[name^=penalties] {width:15%;margin:0 3%;}
.input-form .goal-inputs-colors-2 div {float:right;}
.input-form input[type=color] {width:25px;height:30px;margin:30px 1px 0;}
input[name=team1color1],input[name=team1color2],input[name=team2color1],input[name=team2color2] {border:1px solid darkgray;}
.pitch-wrapper {width:1330px;margin-bottom:5px;}
.abilities {margin:5px 0px 0px;}
.abilities, .abilitygroups {font-family:Kefa;}
.abilities i, .abilitygroups i {float:left;text-align:center;font-style:normal;font-size:15px;background-color:#e95;cursor:pointer;}
.abilities i {width:41px;letter-spacing:0px;}
.abilities i:nth-of-type(1), .abilities i:nth-last-of-type(1) {width:50px;}
.abilities i.view, .abilitygroups i.view {color:#eee;}
.abilitygroups i {width:190px;letter-spacing:1px;}
.pitch i {font-size:36px;display:block;text-align:center;}
.pitch i span {line-height:53px;}
.pitch div div {position:relative;}
.pitch > div > div > div {position:absolute;z-index:2;width:80px;height:70px;margin:40px 55px;}
.pitch > div > div > div.dataview i {font-style:normal;}
.pitch > div > div > div.tall {height:110px;margin:20px 55px;}
.pitch > div > div > div.tall i {height:120px;font-size:13px;}
.pitch > div > div > div.tall i span {float:left;width:30px;height:13px;padding:0 5px;line-height:13px;}
.pitch > div > div > div.tall i span.full {width:70px;padding:0 5px;}
.pitch > div:nth-last-child(-n+4) > div > div[data-team='1'] {right:95px;}
.pitch > div:nth-child(-n+4) > div > div[data-team='2'] {right:-95px;}
.pitch > div > div.lcm-1 > div[data-team='1'], .pitch > div > div.rcm-2 > div[data-team='2'] {top:100px;}
.pitch > div > div.lam-1 > div[data-team='1'], .pitch > div > div.ram-1 > div[data-team='1'] {left:-190px;}
.pitch > div > div.lam-2 > div[data-team='2'], .pitch > div > div.ram-2 > div[data-team='2'] {left:190px;}
div.contribution {margin:0px;display:none;}
.pitch div.contribution {width:160px;margin-left:-50px;}
.bench1, .bench2 {margin-top:20px;}
.bench2 {margin-left:10px;}
.bench1 div.contribution {width:135px;}
div.contribution input {float:left;font-size:10px;text-align:center;height:18px;margin:4px 0px;padding:0px;border:1px solid;}
div.contribution input:nth-of-type(1) {width:35px;}
div.contribution input:nth-of-type(2) {width:15px;}
div.contribution b {padding:0;margin:0;float:left;line-height:28px;color:white;}
div.contribution select {margin:0px !important;width:95px !important;height:25px;line-height:25px;background:#EEEEEE;font-size:11px;}
div.contribution select[name=style] {clear:left;float:left !important;width:65px !important;font-size:8px;}
div.contribution select[name=context] {clear:left;float:left !important;width:65px !important;font-size:9px;}
.pitch div.contribution select {float:right;}
.bench1 div.contribution select, .bench2 div.contribution select {float:left;}
div.contribution textarea {border:none;padding:0px;margin:0px;}
.pitch div.contribution textarea {width:155px;}
.bench1 div.contribution textarea, .bench2 div.contribution textarea {clear:left;float:left;width:145px;}
.pitch div > span {display:block;text-align:center;cursor:pointer;font-size:14px;font-family:Kefa;}
.pitch div > span > span {float:right;}
.pitch div > span.fatigue {color:#CCC;position:absolute;width:100%;top:70px;}
.pitch div.tall > span.fatigue {top:110px;}
.pitch select {width:50px;margin:4px 15px 3px;display:none;}
.pitch table {display:block;height:53px;width:80px;overflow-x:scroll;overflow-y:hidden;color:#DDD;text-align:center;cursor:pointer;}
.pitch table::-webkit-scrollbar {display:none;}
.bench1 table::-webkit-scrollbar {display:none;}
.bench2 table::-webkit-scrollbar {display:none;}
.pitch table tbody {display:inline-block;height:53px;}
.pitch table tbody tr {height:47px;}
.pitch table td {position:relative;padding:0;min-width:15px;height:51px;}
.pitch table td span {position:absolute;right:3px;height:12px;font-size:12px;}
.bench1 table, .bench2 table {display:inline-block;width:100%;overflow-x:scroll;color:#999;text-align:center;cursor:pointer;}
.bench1 table td, .bench2 table td {padding:0 1px;font-size:12px;line-height:12px;}
.bench1 > div > span, .bench2 > div > span {float:left;cursor:pointer;font-size:16px;}
.bench1 span.fatigue, .bench2 span.fatigue {color:#777;font-size:14px;line-height:21px;margin-left:5px;}
.bench1 i, .bench2 i {position:absolute;left:-20px;top:-2px;}
.bench1 .yellowcard, .bench2 .yellowcard {background-color:#FD0;width:12px;height:15px;position:absolute;top:1px;left:70px;border:1px solid #EC0;}
.pitch .yellowcard {background-color:#FD0;width:12px;height:15px;position:absolute;top:-17px;right:0;}
.pitch input[name=condition] {position:absolute;top:-18px;left:0px;width:32px;height:12px;text-align:center;font-weight:600;font-size:16px;display:none;}
.pitch .selectedorigin {background-color:#EA3;}
.pitch .selectedtarget {background-color:#E53;}
.match-facts-1, .match-facts-2 {width:100%;margin-top:-30px;}
.match-facts-1 > img, .match-facts-2 > img {width:48%;margin:0 0 15px;}
.match-facts-1 > input, .match-facts-2 > input {margin:0 4px;}
.input-form .match-facts-1 > input{clear:right;float:right;width:69px;}
.input-form .match-facts-2 > input{clear:left;float:left;width:69px;}
.match-facts-1 select, .match-facts-2 select {width:78px;font-size:10px;}
.match-facts-1 > img {float:left;}
.match-facts-2 > img {float:right;}
.match-facts-1 > span, .match-facts-2 > span {width:50%;cursor:pointer;font-size:64px;text-align:center;}
.match-facts-1 > span {float:right;}
.match-facts-2 > span {float:left;}
.match-facts-1 > ul, .match-facts-2 > ul {clear:both;float:left;margin:0 0 10px 10px;}
.match-facts-1 > ul > li > span:nth-last-of-type(1), .match-facts-2 > ul > li > span:nth-last-of-type(1) {float:none;}
.match-facts-1 > ul > li > span:nth-last-of-type(2), .match-facts-2 > ul > li > span:nth-last-of-type(2) {width:40px;margin-right:3px;text-align:left;}
.match-facts-1 > ul > li > span:nth-last-of-type(3), .match-facts-2 > ul > li > span:nth-last-of-type(3) {float:left;margin-right:3px;}
.match-facts-1 > ul > li > b, .match-facts-2 > ul > li > b {float:left;width:10px;height:15px;margin:4px 5px 0 0;background-color:red;}
.match-facts-1 input[name=goalMinute] {float:right;}
.match-facts-1 select {clear:right;float:right;margin:0 2px;}
.match-facts-2 select {clear:left;float:left;margin:0 3px;}
.bench1 > div, .bench2 > div {width:140px;max-height:60px;margin:0 0 1px 20px;position:relative;}
.bench1 input, .bench2 input {clear:left;float:left;width:25px;padding:0;margin:0;font-size:14px;}
.bench1 input[type='radio'], .bench2 input[type='radio'] {width:20px;}
.bench1 > div > select, .bench2 > div > select {float:right;width:50px;opacity:0.5;}
.bench1 > div > select:nth-of-type(1), .bench2 > div > select:nth-of-type(1) {position:absolute;right:0;top:-2px;}
.bench1 > div > select:nth-of-type(2), .bench2 > div > select:nth-of-type(2) {margin-top:0;}
.input-form #showBothInPitch {width:120px;height:22px;float:left;margin:0 5px;background-color:orange;text-align:center;cursor:pointer;text-transform:uppercase;}
.panel-team1, .panel-team2 {position:fixed;top:0;z-index:9;}
.panel-team1 {left:0;}
.panel-team2 {right:0;}
.timeline {height:985px;margin-top:5px;width:0px;overflow:scroll;background-color:#EEE;}
.timeline div.team1 > * {float:left;}
.timeline div.team2 > * {float:right;}
.timeline li {min-height:20px;position:relative;margin-top:35px;background-color:#DDD;}
.timeline li > form > button {position:absolute;top:-20px;width:50px;height:20px;border:0;font-size:18px;line-height:18px;}
.panel-team1 .timeline li > form > button {right:0;}
.panel-team2 .timeline li > form > button {left:0;}
.timeline li > div {padding:5px 0;}
.timeline section {height:15px;}
.timeline section button {display:none;border:0;margin:2px 3px;padding:1px 3px;}
.timeline li .event-team1 button {float:left;}
.timeline li .event-team2 button {float:right;}
.timeline li > div > div {height:40px;padding:5px;}
.timeline .time-context {clear:both;width:85px;height:40px;}
.timeline .player-action {height:40px;}
.timeline li > div > div.story {height:55px;}
.timeline .story .time-context {height:55px;}
.timeline .story .player-action {height:55px;}
.time-context input {clear:both;float:left;width:65px;height:17px;text-align:center;font-size:18px;}
.time-context span {float:left;margin:0 2px;font-size:14px;}
.time-context select {clear:both;float:left;width:85px;margin:0;}
.team1 .player-action > select {clear:left;float:left;margin:0 2px;}
.team2 .player-action > select {clear:right;float:right;margin:0 2px;}
.player-action > select:nth-of-type(2) {clear:both;}
.regions select {clear:both;float:left;margin:0;}
.timeline textarea {width:10px;}
.input-form > form > button {width:100%;margin-top:10px;}
.input-form button#finalWhistle, .input-form button#submitRoleChanges {width:96%;float:right;}
.input-form input#lastMinute, .input-form input#roleChangeMinute {text-align:center;width:3%;margin-top:10px;}
.side1, .side2 {width:165px;height:750px;padding:10px 0;}
.side1 {float:left;}
.side2 {float:right;}
.input-form .side1 {clear:both;}