﻿body,html{
    overflow-y:auto!important;
}

.float-left{
    float:left;
}

.no-padding{
    padding:0;
}

.width-98{
    width:98%;
}

.padding-left-5{
    padding:0 0 0 5px!important;
}

.padding-right-5{
    padding:0 5px 0 0!important;
}

.padding-left-10{
    padding:0 0 0 10px!important;
}

.padding-right-10{
    padding:0 10px 0 0!important;
}

.padding-top-25{
    padding:25px 0 0 0!important;
}

.padding-top-20{
    padding:20px 0 0 0!important;
}

.padding-top-22{
    padding:22px 0 0 0!important;
}

.padding-top-30{
    padding:30px 0 0 0!important;
}

.padding-top-31{
    padding:31px 0 0 0!important;
}

.NavigationPage{
    margin:0;
    padding:20px 0 0 0;
}

.container-login{
    float:left;
    margin:2% 0;
    text-align:center;
}

    .container-login h1{
        float:left;
        width:100%;
        font-size:35px;
        padding:30px 0 0 0;
        display:inline;
        margin:0!important;
    }
    .container-login h2{
        float:left;
        width:100%;
        font-size:16px;
        padding:10px 0 20px 0;
        display:inline;
        margin:0!important;
    }

    .container-login .box-login{
        float:left;
        width:60%;
        background:rgba(45,45,45,0.6);
        margin:0 20%;
        /*box-shadow:10px 10px 2px #fff;*/
        padding:60px 0 60px 0;
        border:solid 1px #009245
    }

    .container-login .box-login input{
        float:left;
        width:80%;
        margin:0 0 15px 10%;
        font-size:15px;
        color:#009245;
        padding:13px;
        border:solid 1px #009245;
        border-radius:3px;
    }

    .container-login .box-login a{
        float:left;
        width:80%;
        margin:0 10% 10px 10%;
        font-size:15px;
        color:#fff;
        padding:10px;
        background:#009714;
        border-radius:3px;
   }
    .container-login .box-login a:hover{
        background:#009245;
   }


    .container-login .box-login .Error{
        float:left;
        width:3%;
    }

    .error-message{
        float:left;
        width:90%!important;
        padding:10px 0 0 6%;
        text-align:center;
    }

.full-screen{
    float:left;
    width:100%;
}

.container-video-dashboard{
    float:left;
    width:100%;
}

.ContainVideoCalciatoreDashboard li{
    
}

.VideoVetrina{
    display:block!important;
}

.menu-ricerca{
    float:left;
    width:100%;
    padding:20px 0 20px 20px;
    background:rgba(35,31,32,0.5);
}

.box-filtro{
    margin:10px 0;
}

    .menu-ricerca select, .menu-ricerca input{
        background:none;
        border:solid 1px #009245;
        color:#fff;
        font-size:15px;
        padding:8px 15px;
        /*float:right;*/
        margin:0!important;
        font-family:"GothamLight";
        width:90%;
    }

    .menu-ricerca select option { 
        background:#333;
        padding:4px 0;
    }

    .menu-ricerca select option:nth-child(even) { 
        background:#231f20;
        padding:4px 0;
    }

.box-giocatore{
    float:left;
    width:100%;
    /*border:solid 1px #009245;*/
    background:#009245;
    margin:0 0 10% 0;
    border-radius:4px;
    transition-property:background;
    transition-duration:.8s
}
    .box-giocatore:hover{
        background:#00d966;
        cursor:pointer;
    }
    .box-giocatore h3{
       font-size:13px;
       line-height:16px;
       padding:0 0 0 10px;
       margin:12px 0 8px 0;
       text-transform:uppercase;
    }

    .box-giocatore h4{
       font-size:12px;
       line-height:16px;
       padding:0 0 0 10px;
       margin:2px 0 5px 0;
    }

    .box-giocatore h5{
       font-size:12px;
       line-height:16px;
       padding:0 0 0 10px;
       margin:2px 0 5px 0;
    }

    .box-giocatore h6{
       font-size:11px;
       line-height:16px;
       padding:0 0 0 10px;
       margin:2px 0 10px 0;
       height:30px;
    }

    .box-giocatore img{
        float:left;
        width:100%;
        margin:0 0 5% 0;
    }

    .container-img{
        height:225px;
        overflow:hidden;
    }

.ui-autocomplete{
    border-radius:0!important;
    border:solid 1px #009245!important;
    background:#231f20!important;
    width:306px!important;
}

    .ui-autocomplete li a:nth-child(even){
        background:#333;
        padding:4px 0;
    }

    .ui-autocomplete li a{
        color:#fff!important;
    }

    .ui-autocomplete li a:hover{
        color:#fff!important;
        background:#333!important;
        border-radius:0!important;
        border:none!important;
    }

.bg-dettaglio-calciatore{
    background:#323634;
    color:#fff;
    float:left;
    /*width:99%;*/
    min-height:270px;
    border-radius:6px;
    margin:1% 0 0 0;
    box-shadow:3px 3px 2px #000;
    /*width:49%;*/
}

    .ContainerCaratteristiche .Categories{
        width:20%!important;
        font-size:16px;
    }

a.ClosePlayer{
    font-size:13px;
}

a.ClosePlayer:hover{
    color:#ffc300;
}


#UpdPnlLnk{
    position:absolute;
    z-index:999;
    margin:58px 21px 0 25px;
    right:0;
}


.ImgCalciatoreDet{
    height:220px;
}

    .InfoCalciatore article{
        line-height:22px;
    }

   .ContainVideoCalciatoreDashboard{
        background:none;
   }

.container-video-dashboard .col-lg-4:nth-child(2n+1) .ContainVideoCalciatoreDashboard li{
    background:rgba(51,51,51,0.6);
}
.container-video-dashboard .col-lg-4:nth-child(2n) .ContainVideoCalciatoreDashboard li{
    background:rgba(35,31,32,0.6);
}
.container-video-dashboard .col-lg-4 .ContainVideoCalciatoreDashboard li{
    transition-property:background;
    transition-duration:.8s
}
.container-video-dashboard .col-lg-4 .ContainVideoCalciatoreDashboard li:hover{
    background:rgba(0,146,69,0.2);
}

.box-rimuovi{
    float:right;
    margin:15px 20px 0 0;
    text-align:right;
}

.ContainerDataPager span {
   /*background:#fff !important;*/
   /*padding:0 143px 0 0!important;*/
   float:right;
}

.ContainerDataPager span span{
    color:#fff;
    background:#231f20;
    padding:5px 10px;
    margin:2px;
    text-align:center;
    border:solid 1px #009245;
    float:none !important
    }


.player-page span{
    float:left!important;
}

.RosaAside{
    float:left;
    /*background:#2f4050;*/
    color:#a7b1c2;
    padding:0 10px 0 30px;
    width:90%;
}


.RosaAside ul{
    width:100%;
}

    .TopDashboard h2 {
        /*float:left;*/
        padding:20px 0 10px 0;
        margin:80px 0 0 0;
        font-size:18px;
        font-family:Lato;
        font-weight:300;
        border-bottom:1px solid #FFF;
        text-align:center;
    }

        .TopDashboard h2 span {
            color:#009245;
            font-weight:500;
        }

.CntSelected {
    border-radius:0px !important;
    background:url('/Images/bg-calciatore-formazione.png') no-repeat top center;
    /*width:100px!important;*/
    height:100px!important;
    font-size:12px;
}

.CntSelected input[type=submit]{
  padding:5px 0 2px 0;
}

.CntSelected input[type=image]{
   width:76%!important;
   border-radius:0!important;
   padding:15px 0 0 0;
}

.container-box{
    display:none;
}

.box-3{
    display:block;
    text-align:left;
    padding:15px;
}

    .ContainCarriera h1{
        font-size:13px;
        cursor:pointer;
        background:#231f20;
        border:solid 1px #009245;
    }

    .ContainCarriera h1:hover{
        font-size:13px;
        cursor:pointer;
        background:#009245;
        border:solid 1px #009245;
    }

    .selected-top{
        background:#009245!important;
    }

.TopStoricoCarriera{
    padding:20px 0
}

    .CarrieraToggle section{
        min-height:100px;
    }

        .Container-partite .ContainVideoCalciatore{
            width:100%
        }

        .Container-partite .ContainVideoCalciatore li h4{
            padding:10px 0 0 4%;
            width:75%
        }
        .Container-partite .ContainVideoCalciatore li h5{
            width:75%;
            font-size:14px;
        }

 .ElencoVideoCalciatore{
     padding:0 0 0 0;
 }

 .BtnBackVideoCalciatore{
     margin:0 0 60px 0
 }


 .ContainCalciatoreDet{
     position:relative;
 }

 .container-stats{
     position:absolute;
     z-index:99999;
     width:100%;
     height:100vh;
     background:rgba(0,0,0,1);
     border:solid 1px #009245;
     top:-60px;
     left:-30px;
     margin:10px 30px;
     display:none;
     overflow-y:scroll;
}
     .container-stats H1{
         color:#009245;
         font-size:16px;
         font-weight:bold;
         padding:0!important;
         margin:20px 0 0 0!important;
         text-align:left;
     }  
     
     .container-stats H1 span{
         float:right;
         padding-right:20px;
     }   
     
     .container-stats article{
         color:#009245;
         font-size:16px;
         font-weight:bold;
     }

.stats{
    padding:10px 12px 0 0;
}

.stats p, .stats-bar p{
    margin:0;
    /*float:right;*/
    display:inline;
}

    .stats article{
        float:left;
        /*width:91%;*/
        padding:0;
        color:#fff;
        font-size:14px;
    }

    .stats span{
        float:right;
        /*width:8%;*/
        text-align:right;
        padding:0 9px 0 0;
    }

    .stats label{
        float:left;
        width:100%;
        text-align:left;
        font-weight:normal!important;
    }

    .stats label span{
        float:right;
        /*width:8%;*/
        text-align:center;
        padding:0 9px 0 0;
   }

     /*.stats div:nth-child(4) div,.stats div:nth-child(5),.stats div:nth-child(6)
     {
         background:none;
         padding:5px;
         margin:3px 10px 3px 0;
         width:32.4%;
     }*/

.stats-bar{
    padding:0 16px 0 16px;
}

    .stats-bar H2{
         color:#fff;
         font-size:16px;
         font-weight:bold;
         float:left;
         width:99%;
         text-align:left;
         margin:15px 0 4px 0;
         /*background:rgba(255,255,255,0.2);
         padding:7px 0 3px 10px;*/
    }

    .stats-bar H2 label{
         float:left;
         font-size:14px;
         /*width:80%;*/
         padding:0;
         background:none!important;
 }

    .stats-bar H2 span{
         float:right;
         text-align:right!important;
         padding:0 6px 0 0;
    }

     .bg-white{
         background:rgba(255,255,255,0.2);
         padding:5px;
         margin:3px 10px 3px 0;
         width:49%;
     }

    .stats-bar article{
        float:left;
        /*width:90%;*/
        padding:0;
        color:#fff;
        font-size:13px;
    }

    .stats-bar .col-lg-4{
        width:32.4%;
        margin:0 10px 0 0;
    }

    .stats-bar span{
        float:right;
        /*width:18%;*/
        text-align:right;
    }


   .stats-bar label{
        float:left;
        /*width:99%;*/
        text-align:left;
        padding:4px 3px 4px 0;
        /*background: rgba(255,255,255,0.2);*/
    }

    .stats-bar label span{
        float:right;
        /*width:8%;*/
        text-align:center;
    }


    .bar{
        float:left;
        width:98%;
        position:relative;
        padding:0 0 35px 0;
    }

    .bar-vuoto{
        width:100%;
        background:rgba(255,255,255,1);
        position:absolute;
        z-index:100;
        top:2px;
        left:0;
        height:2px;
    }
    .bar-piena{
        width:0%;
        background:#39b54a!important;
        position:absolute;
        z-index:200;
        top:0;
        left:0;
        height:5px;
        margin:0!important;
    }    
    
    .perc-bar{
        position:absolute;
        z-index:200;
        top:5px;
        display:none;
        right:0!important;
        /*left:73.5%;*/
    }

     .contanier-bar{
         /*background:rgba(255,255,255,0.2);*/
         padding:2px 0;
         margin:3px 10px 5px 0;
         width:100%;
         float:left;
     }


.CloseStats{
    position:absolute;
    top:5px;
    right:10px;
    color:#009245;
    font-size:20px;
    cursor:pointer;
}

.TitoloCalciatore{
    width:49%!important;
    margin:0 0.5% 1% 0!important;
}
.TitoloStats{
    width:49%!important;
    cursor:pointer;
    float:right;
}


/*DONUT*/

    .container-chart {
        width:350px;
        position:relative;
        overflow:hidden;
        margin:8% 0 0 30%;
        height:200px;
    }
        .container-chart canvas{
            position:absolute;
        }

        .Chart-uno{
            width: 326px!important;
            height: 163px!important;
            top: 13px;
            left: 27px            
        }

        .Chart-due{
            width: 270px!important;
            height: 135px!important;
            left: 54.6px;
            top: 27.0px;
        }

        .Chart-tre{
            width: 380px!important;
            height: 190px!important;
            left:0%;
            top:0%;            
        }


    .green-puls{
        font-size:16px;
        color:#009245;
        float:left;
        margin:0 4px 0 0;
    }

    .red-puls{
        font-size:16px;
        color:#c1272d;
        float:left;
        margin:0 4px 0 0;
    }

    .yellow-puls{
        font-size:12px;
        color:#fcee21;
         float:left;
        margin:0 4px 0 0;
   }

    .orange-puls{
        font-size:10px;
        color:#f7931e;
        float:left;
        margin:2px 2px 0 0;
    }

    .blue-puls{
        font-size:9px;
        color:#29abe2;
        float:left;
        margin:4px 4px 0 0;
   }


    .TitoloCalciatore h1{
        font-size:14px!important;
        margin:0!important;
        padding:2px 0!important;
    }

    .TitoloCalciatore a{
        font-size:14px!important;
        margin:0!important;
        padding:2px 0!important;
        text-align:center!important;
    }

    .TitoloCalciatore a:hover{
        color:#fff!important;
    }

    .TitoloCalciatore div{
        text-align:center!important;
    }

    .statsOld{
        float:left;
        width:100%;
    }

    .statsOld a{
        float:left;
        width:100%;
        padding:7px;
        background:#009245;
        margin:2px 0 0 0;
    }

    .statsOld a:hover{
        color:#fff;
         background:#10a858;
   }