/* Set height of body and the document to 100% to enable "full page tabs" */
body, html { height: 100%; /* margin: 0; */}
th, td, p, input {font:12px Arial;}
th {font-weight: 500 !important;}
table, th, td {border: solid 1px #DDD; border-collapse: collapse; padding: 2px 3px; text-align: center;}
.stats-table tr {border-bottom:1px solid #0000000d}
th {font-weight:bold;}
body {background-color: #F8F9FA;}
html { overflow-y: scroll;}
select{display:block!important;height:auto!important;}
option[value=""][disabled] { display: none;}
iframe{display: none;}

#stats, .stats{padding:0 17px; padding-bottom:25px}
.pos{width:3px}
.stats-table .player{text-align: left; padding:15px 8px}
.stats-table .subhead{color:#70757a; font-size:11px}
.stats-table .goals{text-align:right}
.tabmenu, .titlebar {display:flex;justify-content:center;position:fixed;margin-bottom: 4px; width:100%; background: #ff5148; height: 48px; box-shadow: 0 3px 2px #bdbdbd;z-index:10}
.glebe .tabmenu, .glebe .titlebar{background:#4898ff;}
.short {display: none;}
.long {display: block;}
/* Button hover */
.tablink:hover {background-color: #ff392e;}
.glebe .tablink:hover{background-color:#2e8bff !important;}
/* Style the tab content (and add height:100% for full page content) */
.tabcontent {box-shadow: 0 1px 3px 0 rgb(0 0 0 / 16%);color: rgb(0, 0, 0); display: none; margin: 0 auto; overflow-x:auto; background-color: #F8F9FA; max-width:752px;}
.mvptab{padding: 0 17px !important}
.table-wrapper{box-shadow: 0 0 0 1px #dadce0; border-radius: 8px; margin: 8px;}
#results .round, #matches .round {background-color: #F8F9FA;}
.home.team {text-align:right;}
.home.team, .away.team {width:73px;min-width:73px}
.date, .ground {width:18%;min-width:18px}
.score, .logo {text-align: center;}
.position{width:20px}
.next{width:30px}
.logo-ladder{width:30px}
.team-ladder{width:300px; min-width:87px}
.data, .points{width:25px;min-width:25px}
.logo {width:24px;min-width:24px}
.score{width:17px;min-width:17px}
.vs{width:16px;min-width:16px;text-align: center;}
.fixtures-table .vs, .devs-fixtures-table .vs {width:50px;min-width:50px}
.date{width:78px;min-width:78px;text-align:center}
.ground{width:132px;min-width:132px}
.logoImg {height:24px;width:24px}
.resultIcon{height:16px;width:16px}
.lost, .secondary, .date, .ground, .home-win .away, .away-win .home{color:#70757a}
.pending .score{visibility: hidden;}
.roundcell{padding:12px 10px 10px}
.round, .position, #team{padding-left:10px}
.round{width:15px;min-width:38px;padding-left:38px !important}
.no-accordion{padding-left:10px !important}
.abandoned .home.team, .abandoned .away.team  {  text-decoration: line-through;}
table{margin-top:48px}
.fixtures-table, .devs-fixtures-table{margin-top:0 !important}
.subhead th{padding:5px !important; font-size:10.5px}
.ladder-subhead th{font-size:10.5px; color:#70757a}
.head{border-bottom:none !important;padding:25px 5px 12px 5px;letter-spacing: 0.75px;}
.stats-table tr:last-child{border-bottom:none}
.assists, .clean-sheets{margin-top:0}
.pos{width:24px;text-align: center;}
.recent{width:90px; min-width:90px}
.goalscorers .goals, .goalscorers .ff{text-align: left;}
.goalscorers .mvp{text-align: right; vertical-align: top;}
td.goals.goalsnomvp {text-align: center;}
.mvpvoting{display:flex;flex-direction:row;align-items:center;padding:2px 0.5em !important}
.goalinsertion{padding:2px 0.5em !important}
.mvpvoting-label{width:45px}
.mvpvoting select{width:100%; margin-left:20%}
.rain, .washout .team, .postponed .team, .abandoned .team{text-decoration: line-through;}
.mvpplayer {text-align:left!important}
.mvppoints {text-align:right}
.mvp-table{margin-top:0px;margin-bottom:25px}
.mvp-totals-table{margin-bottom:25px}
.mvpvotee{text-align:right;}
.hidden{display:none}
.loading{animation: rotation 2s infinite linear; margin:auto}
.ecal-table{margin-top:0; bottom: 0; background: white;}
.ecal-wrap{text-align: center;}
.ecal-button{color: #039be5;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  border:none;
  background:none;
  line-height:inherit;
  cursor:pointer;
  font-family:arial;
}
.ecal-button:focus{
  background:none !important;
}
.loading-wrapper{  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/* Style tab links */
.tablink {
  background-color: #ff5148;
  color: #fff;
  opacity: 0.8;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 188px;
  height: 48px;
  border: 2px solid transparent;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 12px;
}
.tablink-mvp{width: 376px;}
.tablink-goals{width: 752px;}
.glebe .tablink {background-color:#4898ff!important;}
.tablink-active {
  border-bottom: 2px solid white;
  background-color: #ff392e !important;
  opacity: 1;
}
.glebe .tablink-active{background-color:#2e8bff!important;}

#matches {background-color: white;}
#team {background-color: white;}
#ladder {background-color: white;}
#stats, .stats {background-color: white;}

@media (max-width: 1300px){
  .short {display: block;}
  .long {display: none;}
}

@media (max-width: 768px){
  /* .ladder-new tr td:nth-child(12), .ladder-new th:nth-child(12) {display: none;} */
  .tabmenu {width:100%; padding: 0}
  .tabcontent{margin: 0 10px}
}

/* @media screen and (min-width: 960px) {
  html {
      margin-left: calc(100vw - 100%);
      margin-right: 0;
  }
} */
.goalscorer-flex{
  display: flex;
  flex-flow: row;
}
.toggle img, .editImage, .deleteImage {
  width: 13px;
  height: 13px;
}
.editImage, .deleteImage {margin-left:5px;}
.toggle {
  cursor: pointer;
  width: min-content;
}
.goalscorer-content{
  
}
.goalupdateform{margin-bottom:0}

@import url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css');
 .pcs:after {
	 content: " pcs";
}
 .cur:before {
	 content: "$";
}
 .per:after {
	 content: "%";
}
 table.fold-table > tbody > tr.view td, table.fold-table > tbody > tr.view th {
	 cursor: pointer;
}
 table.fold-table > tbody > tr.view td:first-child, table.fold-table > tbody > tr.view th:first-child {
	 position: relative;
	 padding-left: 20px;
}
 table.fold-table > tbody > tr.view td:first-child:before, table.fold-table > tbody > tr.view th:first-child:before {
	 position: absolute;
	 top: 50%;
	 left: 5px;
	 width: 9px;
	 height: 16px;
	 margin-top: -8px;
   margin-left: 8px;
	 font: 16px fontawesome;
	 color: rgb(58, 58, 58);
	 content: "\f0d7";
	 transition: all 0.3s ease;
}
 table.fold-table > tbody > tr.view:nth-child(4n-1) {
	 /* background: #eee; */
}
 table.fold-table > tbody > tr.view:hover {
  /* background: #ff5148; */
}
 table.fold-table > tbody > tr.view.open {
	 /* background: #ff5148;
	 color: white; */
}
 table.fold-table > tbody > tr.view.open td:first-child:before, table.fold-table > tbody > tr.view.open th:first-child:before {
	 transform: rotate(-180deg);
	 color: #333;
}
 table.fold-table > tbody > tr.fold {
	 display: none;
}
 table.fold-table > tbody > tr.fold.open {
	 display: table-row;
}
 .fold-content {
	 padding: 0.5em;
}
 .fold-content h3 {
	 margin-top: 0;
}
 .fold-content > table {
	 border: 2px solid #ccc;
}
 .fold-content > table > tbody tr:nth-child(even) {
	 /* background: #eee; */
}
 /* .stickytd {position:sticky; left:0;padding-left:17%}
 .stickytable {margin-top:0}
 .stickytr .mvp{padding-top:0;padding-bottom:0}
 .stickytr{border-bottom:0}
 .stickytr .goals{padding-top:0;padding-bottom:0}
 .stickytr .goals.nomvp{padding-left:40%} */

 .live-game-icon {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: green;
  animation: pulse 1s ease-in-out infinite;
}
@media (min-width: 750px){
   .live-game-icon {
      margin-left: 10px;
   }
}
@media (min-width: 600px){
   .live-game-icon {
      margin-left: 5px;
      margin-right: 7px;
   }
}


@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.goalupdate{padding-top:0 }