/*shotCharts*/
.shotchartscontent {
    display: table;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
}

.shotchartscontent *, 
.shotchartscontent *:before, 
.shotchartscontent *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.shoot {
    position: absolute;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    opacity: 0.7;
    cursor: pointer;
    padding:10px;
    -webkit-box-shadow: 0px 0px 5px 0px #fff;
    box-shadow: 0px 0px 5px 0px #fff;
}

    .shoot.success0 {
        width: 8px;
        height: 8px;
        background-color: #0007ed;
    }

    .shoot.success1 {
        width: 8px;
        height: 8px;
        background-color: #3dd700;
    }

    .shoot:hover {
        opacity: 1;
        cursor: pointer;
        z-index: 999;
    }







.player-list {
    color: #1e1e1e;
    font-size: 11px;
}
.player-list div {
    border-top:1px solid #e0e0e0;
    border-left:0;
    border-right:0;     
}
    .player-list div:nth-child(odd) {

        
            
    }
    .player-list > div > * {
        display:inline-block;
        vertical-align:middle;
        line-height:3.6em;
    }
    .player-list > div > span.label {
        padding: 0 10px;
        margin: 0;
        border-right:1px solid #e0e0e0;
    }
    .player-list > div > input[type=checkbox] {
        margin: 0 10px;
    }


    .player-list.playersTeam0 > div > span.label {
        border-left:1px solid #e0e0e0;
        border-right:0;
    }
.player-list.playersTeam1{
    text-align:right;
}
    /* los inputs y nombre selectores de todos los jugadores*/
    .player-list div.team-check-name {
      background-color:#f0f0f0;
    }
    .player-list .team-check-name span.label{
        font-weight:bold;
    }
    .player-list .team-check-name input[type=checkbox]{
    }
.tooltipshoot {
    font-size: 11px !important;
    position: absolute;
    padding: 5px;
    width: 87px;
    height: 62px;
    color: #fff;
    background:#212121;
    border:1px solid #fff;
    -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
       -moz-border-radius: 5px;
        -ms-border-radius: 5px;
            border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
    /*background-repeat: no-repeat;
    background-image: url('../Imagenes/tootipshot.png');*/
}

.quarter-list {
    clear: both;
    display: table;
    color: #202020;
    font-weight: bold;
    margin: auto;
    padding: 5px;
}

.clock-img {
    margin-right: 10px;
}

#loadingModal {
    width: 300px;
    position: fixed;
    top: 0px !important;
    right: 10px;
}

    #loadingModal h3 {
        font-size: 20px;
        color: #efefef;
        float: left;
        text-transform: uppercase;
        opacity: 0.5;
    }

#keyfacts-playbyplay-content-scroll, #playbyplay-content-scroll {
    margin: 0;
    background: #FFF;
    height: 480px;
    overflow: auto;
    border: 1px solid #EFEFEF;
    margin: 0 -15px;
    background-color: #EDEDED;
    margin-top: 1px;
}

.img-tab {
    background-repeat: no-repeat;
    background-position: top center;
    border-left: 1px solid #FFF;
    background-color: #b5b5b5;
}

    .img-tab.keyfacts-tab {
        background-image: url(/Content/images/starm.png);
        background-position: 6% center;
    }

    .img-tab.teamstats-tab {
        background-image: url(/Content/images/statsm.png);
        background-position: 8% center;
    }

    .img-tab.ranking-tab {
        background-image: url(/Content/images/badgem.png);
        background-position: 15% center;
    }

    .img-tab.shotchart-tab {
        background-image: url(/Content/images/targetm.png);
      
        background-position: 6% center;
    }

    .img-tab.boxscore-tab {
        background-image: url(/Content/images/collectionm.png);
        
          background-position: 25% center;
    }

    .active.img-tab.keyfacts-tab{  background-image: url(/Content/images/starmover.png); color:#2e2e2e;}
    .active.img-tab.teamstats-tab{  background-image: url(/Content/images/statsmover.png); color:#2e2e2e;}
    .active.img-tab.ranking-tab{  background-image: url(/Content/images/badgemover.png); color:#2e2e2e;}
    .active.img-tab.shotchart-tab{  background-image: url(/Content/images/targetmover.png); color:#2e2e2e;}
    .active.img-tab.boxscore-tab{  background-image: url(/Content/images/collectionmover.png); color:#2e2e2e;}

    .active.img-tab a{   color: #2E2E2E !important;}



#table-ranking tbody tr td.title {
    background-color: #3A3A3A;
    color: #fff !important;
    text-align: left;
    padding-left: 10px;
}



#table-ranking thead {
    color: #FB0127 !important;
}



#table-ranking tbody tr:nth-child(odd) {
    background: #efefef;
}


#table-ranking tbody tr:nth-child(2n+4) {
    margin-bottom: 20px;
}

#table-ranking tr.dark {
    background-color: #878787 !important;
    color: #fff !important;
}

    #table-ranking tr.dark td {
        color: #fff !important;
    }


.checkboxFour {
    width: 20px;
    height: 20px;
    padding-top: 5px;
    border-radius: 100%;
    position: relative;
    float: left;
}

    .checkboxFour label {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 100px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
        cursor: pointer;
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 1;
        background: #333;
        -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5);
        -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5);
        box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5);
    }

.checkboxFour-label {
    float: left;
    padding-right: 9px;
    /* padding-left: 9px; */
    margin-left: 5px;
    font-weight: normal;
    border-right: 1px solid #BEBEBE;
}

    .checkboxFour-label:last-child {
        border-right: 0px solid #BEBEBE;
    }

.checkboxFour input[type=checkbox]:checked + label {
    background: #CA2626;
    border: 2px solid #FFF;
    padding: 0px;
    padding: 5px;
    margin-top: -2px;
}





/* tamaños distribucion */
.chotcontent{
    height: 1%;
    width: 100%;
    overflow: hidden;
}
.chotcontent > div { 
    float:left;
}
.chotcontent .player-list {
    width:20%;
    padding:0;
    margin:0;
}
.chotcontent .player-list.playersTeam0   {
    border-right: 1px solid #e0e0e0;
}
.chotcontent .player-list.playersTeam1   {

}
.chotcontent .court {
    width:60%;
    background:#f0f0f0;
}

.court-content {
    height: 1%;
    width: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.court-shoots {
    position:relative;
    height: 1%;
    width: 100%;
    overflow: hidden;
}

.court-shoots img {
    width: 100%;
    border:1px solid #e0e0e0;
}
/* responsive */
@media screen and (max-width: 1024px) {

    .chotcontent .court {
        width: 100%;
        float: none;
    }
    .court-content {
        height: 1%;
        width: 100%;
        overflow: hidden;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
    .chotcontent .player-list {
        width:50%;
    }
}
@media screen and (max-width: 768px) {


    .shoot {
        width: 1px;
         height: 1px;
         padding:1px;

    }
}
@media screen and (max-width: 425px) {
    .player-list {
        font-size: 8px;
    }


}