@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

body,html{
    width:100%;
    height: 100%;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color:#444;
    margin:0;
    border:1px solid rgba(0,0,0,.1);
    overflow-y: auto;
    overflow-x: hidden;
}
h1{
    margin-top: 0;
    margin-bottom: 0;
    color:#888;
    font-size: 17px;
    padding-left: 10px;
    display: inline-block;
    padding-top: 5px;
}


.nuliga{
    float:right;
    margin-right: 10px;
    color:#009CE1;
    font-size: 12px;
    text-decoration: none;
    line-height: 25px;
}

.nuliga:hover, .nuliga:active{
    text-decoration: underline;
}

*{
    position: relative;
    box-sizing: border-box;
}

.header{
    list-style: none;
    width:100%;
list-style-position:inside;
    padding:0;
    margin: 0;
    font-size: 0;
}



.header > li{
    width:33%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    margin: 0;
    display: inline-block;
        border-bottom: 3px solid rgba(0,0,0,.1);
    background: #FFF;
    color:#888;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    
}

.header > li.active{
    color:#d42121;
    border-bottom: 3px solid #d42121;
}

.table-container{
     height:calc(100% - 65px);
     width:100%;
     position: absolute;
     top:65px;
 }

.table-container.club{
    height:calc(100% - 40px);
    top:40px;
}

table{
    width:100%;
     border-spacing: 0;
    font-size: 12px;
text-align: center;
    display: none;
}



table.active{
    display:table;
}


table tr:nth-child(2n+2){
    background: #f6f6f6;
}

table td{
border-bottom: 1px solid rgba(0,0,0,.1);
padding: 8px 0px;
height: 44px;
}

table tr.highlight{
    background: #fbf8cf;
}

.results .team_home{
    width:40%;

}

.results .score{
    width:20%;
    font-size: 13px;
}

.results .score.win{
    font-weight: bold;
}

.results .team_away{
    width:40%;

}

.matches .team_home{
    width:40%;

}

.matches .date{
    width:20%;
    font-size: 13px;
    font-weight: normal;
}

.matches .team_away{
    width:40%;
}


.standings .pos{
    width:9%;
    padding-left:5px;
    text-align: left;
    font-size: 13px;

}

.standings .team{
    width:65%;
    text-align: left;
    white-space: nowrap;
    font-size: 13px;
}

.standings .goals{
    width:13%;
    font-size: 13px;
}

.standings .points{
    width:13%;
    font-size: 13px;
}



/*Scrollbar */
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #dedede;
}
::-webkit-scrollbar-thumb:active {
  background: #dedede;
}
::-webkit-scrollbar-track {
  background: rgba(102, 102, 102,.1);
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: rgba(102, 102, 102,.1);
;
}
::-webkit-scrollbar-track:active {
 background: rgba(102, 102, 102,.1);
}
::-webkit-scrollbar-corner {
  background: transparent;
}