html{-webkit-font-smoothing:antialiased}html,body{margin:0;padding:0;font-family:'Lato',sans-serif;height:100%;width:100%}body{font-size:14px;background-color:#fff;background-position:top center;background-size:cover;background-repeat:no-repeat;overflow-x:hidden;color:#000;height:100%}header{background-color:#497398;position:fixed;width:100%;top:0;left:0;box-shadow:0 0 10px rgba(0,0,0,0.5);border-bottom:0 solid #fff;padding:20px 20px 25px 20px;z-index:1;background-image:url(../img/fwc_darkbluebg.png);color:#fff}header div{display:inline-block}.dashboard{display:block;position:relative;top:25px;padding-bottom:0;padding-top:20px;width:100%;border-top:2px solid #fff;z-index:-1;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;transition:.25s}.dashboard>p{display:inline-block;color:#fff}img.euroicon{width:25px;margin-right:10px}.outcome{color:#f36060}.income{color:#60f310}.content{top:100px;position:relative;padding-bottom:80px;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;transition:.25s}.statistics{float:right;position:relative;top:-5px}.statistics span{font-size:12px;margin-right:25px}.statistics span.balance{font-size:18px}.maincontainer{position:relative;width:100%;height:100%}.logo{float:left}.logo h4{line-height:0;color:#fff;text-transform:uppercase;font-weight:600}.logo img{width:65px}.menu{float:right;position:relative;top:0;font-size:16px}.menu-item{margin-right:30px;border-bottom:2px solid #fff;padding-bottom:5px;padding-left:10px;padding-right:10px;cursor:pointer;color:inherit;position:relative;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;transition:.25s;text-transform:uppercase;font-weight:600;font-size:14px;line-height:1em}.menu-item.active{border-bottom:2px solid #03a9f4}.menu-item:hover{text-decoration:none;color:#03a9f4;border-bottom:2px solid #03a9f4}.burger-item{width:30px;height:2px;background-color:#03a9f4;display:block;margin:8px 5px;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;transition:.25s}.menu-burger{display:none;position:absolute;right:35px;top:17px;cursor:pointer;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;transition:.25s;background-color:transparent}.center-container{width:35%;max-width:300px;position:relative;display:block;margin:0 auto;top:120px;box-shadow:0 0 35px rgba(73,115,152,0.3);border-radius:2px;padding:29px;border:1px solid rgba(73,115,152,0.3);-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;transition:.25s}.center-container.success{border:1px solid rgba(0,175,161,0.3)}input.input-field{width:100%;background-color:transparent;border:0;border-bottom:1px solid #000;padding:5px 10px;margin-bottom:6px;outline:0;-webkit-appearance:none;-webkit-border-radius:0;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;transition:.25s ease-in-out}input.input-field::-moz-placeholder{color:#b4b4b4;opacity:1}input.input-field:-ms-input-placeholder{color:#b4b4b4}input.input-field::-webkit-input-placeholder{color:#b4b4b4}input.input-field::-ms-expand{background-color:transparent;border:0}input.input-field.input-error{color:#dc5555;border-color:#dc5555;border-width:2px}input.input-field.input-error::-moz-placeholder{color:#dc5555;opacity:1}input.input-field.input-error:-ms-input-placeholder{color:#dc5555}input.input-field.input-error::-webkit-input-placeholder{color:#dc5555}input.input-field.input-error::-ms-expand{background-color:transparent;border:0}input.input-field:focus{border-bottom:1px solid #03a9f4}input.input-field[type=submit]:hover{border-bottom:1px solid #03a9f4;color:#03a9f4}select.input-field{background:0;border:0;border-bottom:1px solid #000;outline:0;-webkit-appearance:none;-webkit-border-radius:0;width:100%;padding:5px 10px;background:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#000' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");background-position:100% 50%;background-repeat:no-repeat}form [type=submit]{margin-top:35px;text-transform:uppercase;font-weight:600;font-size:12px}.item>div{display:inline-block;text-align:center;padding:0 10px}.section{box-shadow:0 0 2px 2px rgba(0,0,0,0.1);padding:30px 30px;margin:20px 0;border-radius:3px;background-color:#fff}@media(max-width:450px){.section{padding-left:15px;padding-right:15px}}.content-table{width:100%;padding:5px 10px}.person-item .firstname{width:50%;display:inline-block;text-align:right}.person-item .amount{display:inline-block;width:50%;padding-left:25px}.person-item{border-bottom:1px solid #c7c7c7;padding:5px}.item{border-bottom:1px solid #fff;padding:5px 0}.item.success{border-bottom:1px solid #3aa500}.item.error{border-bottom:1px solid #ff6868}.firstname{width:20%}.description{width:30%}.amount{width:15%;color:#03a9f4;font-weight:600}.amount.error{color:#ff6868}.date{width:25%}.options{width:10%}.remove-btn{cursor:pointer;color:#ff6868;font-size:12px}.center-container h2{margin-top:0}.center-container input[type="submit"]{margin-top:40px}.center-container input[type="submit"].is-loading{pointer-events:none}h4.container-header{position:absolute;top:-18px;margin:0;left:0;color:rgba(73,115,152,0.7)}.error-message{margin:10px 0;color:#dc5555}.matches-list>ul{padding-left:0;padding-bottom:6px}.matches-list>ul>li{list-style:none;margin-bottom:18px;height:26px;padding-top:12px}.matches-list>ul>li .match-item{display:table;width:100%}.matches-list>ul>li .match-item>div{display:table-cell;width:23%;text-align:center;position:relative;vertical-align:middle}.matches-list>ul>li .match-item>div.versus{width:60px}.matches-list>ul>li .match-item>div.opponent::before{content:attr(data-group);color:black;font-weight:900;font-size:11px;top:-12px;position:absolute;margin:0 auto;left:0;right:0}.matches-list>ul>li .match-item .opponent>div{display:inline-block;vertical-align:bottom}.matches-list>ul>li .match-item .opponent>div.team-flag{width:25px;left:8px;position:absolute}.matches-list>ul>li .match-item .opponent>div.team-flag img{width:100%}.view_modals{display:none;visibility:hidden;opacity:0}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:block;padding:15px;z-index:10000;text-align:center;background:rgba(0,0,0,0.7);display:none}.popup-container{background:white;margin:0 auto;position:relative;display:block;top:50%;transform:translateY(-50%);box-shadow:0 0 10px 2px rgba(0,0,0,0.25);padding:10px 30px;border-radius:6px;background-color:#fff;z-index:1;width:100%;max-width:400px}.form-error-container{margin-top:30px;color:#dc5555;font-weight:600;font-size:14px}.group-list-item>div{display:inline-block;width:33%;border-bottom:1px solid rgba(0,0,0,0.2);padding-bottom:7px}ul.list-like-table{padding-left:0}ul.list-like-table li{display:block}ul.list-like-table li.header-row{margin-bottom:10px}ul.list-like-table li>div{display:inline-block}ul.list-like-table li>div.user-nr{width:8%}ul.list-like-table li>div.user-username{width:40%}ul.list-like-table li>div.user-score{width:40%}.opponent-score-input>div{display:inline-block}.opponent-score-input>input{display:inline-block;width:50px}.opponent-score-input .team-name{width:50%;text-align:left}.opponent-score-input .team-group{width:30px;text-align:left}.opponent-score-input:nth-of-type(odd){background:#ededed}.opponent-score-input:nth-of-type(even){background:#eef4ff}.user-prediction>div{display:inline-block}.popup-close{display:inline-block;position:absolute;text-align:center;right:20px;width:40px;height:30px}.popup-body{margin-top:40px}button.is-loading.predict-btn,input.is-loading.predict-btn,input.is-loading[type="submit"]{background:darkgrey}button.success.predict-btn,input.success.predict-btn,input.success[type="submit"]{background:#75ffb7}button.error.predict-btn,input.error.predict-btn,input.error[type="submit"]{background:#ff7575}button.predict-btn,input.predict-btn{background:#04a9f4;border:0;border-radius:3px;padding:4px 12px;color:#fff}.display-inline-block{display:inline-block}.single-stats-container{position:relative;width:49%;display:inline-block}.match-stats{position:relative}.match-stats>div{display:inline-block}.opponents{font-size:20px;font-weight:600;display:block}.match-date{display:block;width:100%;font-size:10px}.match-stats>div.score{display:block;width:100%;font-weight:900;padding-left:25px}.ball-possession{margin-left:20px;font-size:11px}.ball-possession span{font-weight:600;font-size:18px}.score-diff{position:absolute;top:50%;transform:translateY(-50%);right:25%;font-size:10px;color:red;font-weight:600}ul.table-list{padding:0;list-style:none;display:table;width:100%;margin-top:0}ul.table-list>li>div{display:table-cell;position:relative;vertical-align:middle;text-align:center}ul.table-list>li{display:table-row}ul.table-list>li:nth-of-type(odd){background:rgba(221,221,221,0.14)}ul.table-list>li:nth-of-type(even){background:rgba(14,69,130,0.07)}ul.table-list>li.header-row>div{border-bottom:1px solid rgba(0,0,0,0.38)}ul.table-list>li.header-row{font-weight:800;border-bottom:1px solid #000;background:0}ul.table-list>li{position:relative;height:28px}.day-divider{padding:12px 0;border-top:1px solid #e3e3e3}ul.header-ul{margin:0;padding:0}ul.table-list>li.row-item.current-user-row{background:#93ecd9}.game-on-live{width:12px;height:12px;position:absolute !important;display:block !important;top:52px}.game-on-live div{width:100%;height:100%;position:relative;background:rgba(20,218,86,0);border-radius:100%;border:2px solid #62eb62;-webkit-animation:onlive 6s ease-in-out infinite;-moz-animation:onlive 6s ease-in-out infinite;-o-animation:onlive 6s ease-in-out infinite;animation:onlive 6s ease-in-out infinite}@-webkit-keyframes onlive{0%{background:rgba(20,218,86,0)}10%{background:rgba(20,218,86,0.5)}20%{background:rgba(20,218,86,0)}30%{background:rgba(20,218,86,0.5)}40%{background:rgba(20,218,86,0)}100%{background:rgba(20,218,86,0)}}@-moz-keyframes onlive{0%{background:rgba(20,218,86,0)}10%{background:rgba(20,218,86,0.5)}20%{background:rgba(20,218,86,0)}30%{background:rgba(20,218,86,0.5)}40%{background:rgba(20,218,86,0)}100%{background:rgba(20,218,86,0)}}@-o-keyframes onlive{0%{background:rgba(20,218,86,0)}10%{background:rgba(20,218,86,0.5)}20%{background:rgba(20,218,86,0)}30%{background:rgba(20,218,86,0.5)}40%{background:rgba(20,218,86,0)}100%{background:rgba(20,218,86,0)}}@keyframes onlive{0%{background:rgba(20,218,86,0)}10%{background:rgba(20,218,86,0.5)}20%{background:rgba(20,218,86,0)}30%{background:rgba(20,218,86,0.5)}40%{background:rgba(20,218,86,0)}100%{background:rgba(20,218,86,0)}}.table-scroll-outer{width:100%;display:block;overflow-x:auto}.table-container{display:table !important;width:100%;border-spacing:0;border-collapse:collapse}.table-container .table-row{display:table-row !important;-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;-ms-transition:.1s ease-in-out;transition:.1s ease-in-out}.table-container .table-row .table-cell{display:table-cell !important;padding:3px 8px;position:relative}.table-container .table-row:nth-of-type(odd){background:rgba(221,221,221,0.14)}.table-container .table-row:nth-of-type(even){background:rgba(14,69,130,0.07)}.table-container .table-row:hover{background:#93ecd9}.table-container .table-row.header-row{background:unset;border-bottom:1px solid #000}.table-container .table-row.header-row .table-cell{font-size:1em;font-weight:600;padding-bottom:10px}.table-container .table-row.header-row:hover{background:unset}.table-container .table-row.top-3-1st{font-size:22px}.table-container .table-row.top-3-2nd{font-size:18px}.table-container .table-row.top-3-3rd{font-size:14px}span.quick-info{font-size:18px}span.quick-info.place-overall::before{content:"overall:";font-size:12px;padding-right:6px}span.quick-info.place-group::before{content:"group:";font-size:12px;padding-right:6px}@media(max-width:940px){.center-container{width:80%}.item>div{display:block}.amount{width:100%}.firstname{width:100%}.description{width:100%}.date{width:100%}.options{width:100%}.center-container{top:30px}.menu{float:none;width:100%;text-align:center;display:block;background:url(../img/fwc_darkbluebg.png);padding:20px;padding-bottom:50px;left:0;position:absolute;top:48px;left:100%;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;transition:.25s}.menu.menu-opened{display:block;left:0;box-shadow:0 6px 10px rgba(0,0,0,0.3)}.menu-item{display:block;margin-top:18px;width:100%;text-transform:uppercase;font-size:14px;font-weight:600;padding-bottom:5px}.menu-item.active{border-bottom:2px solid #fff;color:#03a9f4}.menu-burger{display:block}.menu-burger.menu-opened{background-color:transparent}.menu-burger.menu-opened .burger-item:nth-child(1){transform:rotateZ(-45deg);position:relative;top:5px}.menu-burger.menu-opened .burger-item:nth-child(2){transform:rotateZ(45deg);position:relative;top:-5px}.menu-burger.menu-opened .burger-item:nth-child(3){opacity:0}.dashboard.menu-opened{border-top:2px solid #03a9f4}.content.menu-opened{opacity:0}.matches-list>ul>li .match-item>div{width:22%;display:table-cell}.matches-list{font-size:12px}.matches-list>ul>li .match-item>div.versus{width:25px}}@media(max-width:700px){.single-stats-container{width:100%;display:block}}@media(max-width:450px){.center-container{width:100%}.matches-list>ul>li .match-item .opponent>div.team-flag{width:25px;left:unset;position:relative;margin:0 auto}.score-diff{right:10%}}@media(max-width:340px){.matches-list>ul>li{height:36px}}