/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7-lug-2016, 18.08.45
    Author     : brand id
*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .kode-navigation{display: inline-block !important;}
    /* Anteprima schiera formazione */
    #anteprima{
        width: 100%;
        display: block;
    }
        #anteprima .TerrenoGioco {
            width: 100%;
            background:none;
            border:0px;
        }
        #anteprima .TerrenoGioco .cognomeSelezionato {
            text-align:left;
            margin: 0px auto;
            width: 100%;
            padding:14px;
            letter-spacing: 2px;
            font-family: 'oswald';
            font-size: 16px;
            background-color:#154919;
        }
        #anteprima #salvaFormazione {
            margin-top:20px;
        }
        #anteprima .ruoloSelezionato {
            width: 30px;
            height: 30px;
            float: left;
            margin-right: 10px;
            color: #ffffff;
            text-align: center;
        }
    /*Formazione schierata*/
    #campoPanchina{
        width: 100%;
        display: block;
    }
        #campoPanchina .TerrenoGioco {
            width: 100%;
            background:none;
            border:0px;
        }
        #campoPanchina .TerrenoGioco .cognomeSelezionato {
            text-align:left;
            margin: 0px auto;
            width: 100%;
            padding:14px;
            letter-spacing: 2px;
            font-family: 'oswald';
            font-size: 16px;
            background-color:#154919;
        }
        #campoPanchina #salvaFormazione {
            margin-top:20px;
        }
        #campoPanchina .ruoloSelezionato {
            width: 30px;
            height: 30px;
            float: left;
            margin-right: 10px;
            color: #ffffff;
            text-align: center;
        }
    .is-countdown {
        float:none;
    }

     #dl-menu-utente-mobile {
        text-align:left;
        z-index: 99999999999;
        width:90%;
    }
    #dl-menu-utente-mobile button:after {content:"\f007"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #ffffff; font-size: 20px; width:100%;position: relative; top: 10px; background:none !important; box-shadow:none !important;}

    .dl-menuwrapper button { text-indent: 0em !important;}
    #dl-menu-utente-mobile button {background-color:#154919 !important;}
    .dl-menuwrapper .dl-menu {margin: 0 !important;}
    #dl-menu-utente-mobile .dl-menuopen{background-color:#154919 !important;}
    #dl-menu-utente-mobile ul {background-color:#154919 !important;}
    .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { color:#ffffff !important;}

    .menuMobileClone #dl-menu {top:30%;}
    .menuMobileClone .dl-menuopen {text-align:left;}

    .menuMobileClone {z-index:99999;}
    .menuMobileClone .dl-menuopen {background-color:#ff9800 !important;}
    .menuMobileClone ul {background-color:#ff9800 !important;}
    .menuMobileClone .dl-menuwrapper button { background: #ff9800;}
    .menuMobileClone .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul{ background: #ff9800;}

    .leftBorder {
	border-left: 0px solid #aaa;
	}
	.stemmaSquadra {
		margin: 0 auto;
	}
	
	.squadraWrapper h2 {
		text-align: center;
	} 
	
	.squadraWrapper .nomeAllenatore {
		text-align: center;
		display: block;
	} 
	
	.flex {
		justify-content: flex-start;
	}
	
    .flexMilioni {
		justify-content: center;
	}
	

	.leftBorder {
		display: none;
	}
	
     .btnListaTornei {
        background-color:#154d1a;
        font-family:'lato';
        color:#ffffff;
        font-size:18px;
        display:flex;
        justify-content:space-around;
        margin-top:10px;
        border-radius:5px;
    }

    .btnListaTornei div {
        width:20%;
        text-align:right;
        padding:6px 6px 6px 0;
    }

    .btnListaTornei div:first-child {
        width:90%;
        text-align:left;
        padding:6px 0 6px 6px;
    }

    .btnListaTornei .freccia {
        font-family:'fontawesome'
    }

	.listaTornei {
		background-color: #fff;
        display: none;
	}

    .informazionigironi {
        display:none;
    }

	.listaTornei li {
		border-bottom: 1px solid rgba(0,0,0,.2);
		background-color: #fff;
	}
	
	.listaTornei li:last-child {
		border-bottom: 0px; 
	}

    .nomeTorneo {
        padding:0px;
    }
}

@media screen and (min-width: 993px) {
	.listaTornei {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .siteMenu {display:none;}
    .header-8 {text-align:left;}
    .kode-navigation{display: none;}
    .logo {
        margin:-35px auto !important;
        z-index:9999999;
        position:relative;
    }
    .logoImg{content:url("http://fantacalcio.barparadisesorrento.com/img/logoMobile.png");}
    .logo img {max-width: 80%;}
    .dl-menuwrapper{display:inline-block; float:none !important; max-width:100% !important; z-index: 999999;}
    #dl-menu-utente { text-align: left;}
    .kode-content {background-color: #ffffff;}
    .menuMobileClone {display:inline-block !important;height:70px !important; width:100%;}
    .slogan {display:none}
    .topSite {background-color:#ffffff;}
    .topSite .kode_bg_white {display:none;}
    .topSite .col-md-6 {width:100%;}
    ul.dl-submenu {margin-left: 0px !important;}
    .kode-topbar {text-align:right;}

    #dl-menu-utente-mobile {
        text-align:left;
        z-index: 99999999999;
        width:90%;
    }
    #dl-menu-utente-mobile button:after {content:"\f007"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #ffffff; font-size: 20px; width:100%;position: relative; top: 10px; background:none !important; box-shadow:none !important;}

    .dl-menuwrapper button { text-indent: 0em !important;}
    #dl-menu-utente-mobile button {background-color:#154919 !important;}
    .dl-menuwrapper .dl-menu {margin: 0 !important;}
    #dl-menu-utente-mobile .dl-menuopen{background-color:#154919 !important;}
    #dl-menu-utente-mobile ul {background-color:#154919 !important;}
    .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { color:#ffffff !important;}

    .menuMobileClone #dl-menu {top:30%;}
    .menuMobileClone .dl-menuopen {text-align:left;}

    .menuMobileClone {z-index:99999;}
    .menuMobileClone .dl-menuopen {background-color:#ff9800 !important;}
    .menuMobileClone ul {background-color:#ff9800 !important;}
    .menuMobileClone .dl-menuwrapper button { background: #ff9800;}
    .menuMobileClone .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul{ background: #ff9800;}

    .iconaTornei img {
        max-width:32px;
    }

    .col-md-2.logoSquadra {margin:auto;width:200px;height:200px;}
    /*i.fa.fa-pencil.modificaInLine {display:none;}*/
    .dettagliSquadra {text-align: center;}
    .budgetDisponibileRosa {margin:10px auto;background-position: 270px;}
    tbody {font-size:12px;} 
    h1.titoloRosa {text-align:center;}
    #alloggioClassifica table {overflow-y:scroll !important; clear:none !important; float:none !important; width:100% !important;}
    
    /*table {overflow-y:scroll !important; display: inline-block!important; clear:none !important; float:none !important; width:100% !important;}*/
    .tableOverflow{overflow-x:scroll !important; display: inline-block!important; clear:none !important; float:none !important; width:100% !important;}
    
    
    #alloggioClassifica .classificaGironeUnico table {width: 100% !important; display: table   !important;}
    .contentTableQuotazioni table {width: 100% !important; display: table   !important;}
    #anteprima {left: 0%; }
    select.colonneRicerca {display: none;}
    .alloggioListaCalciatori {top:13%; left:21%; width:90%; }

    #alloggioClassifica .classificaScontriDiretti {position:relative}
    .shape-view .classificaScontriDiretti{
        overflow-x:scroll;
        overflow-y:visible;
        width:100%; 
        margin-left:0px;
        padding-left:0;
        padding-right:0;
    }

    table .classificaScontriDiretti{
        table-layout: fixed; 
        width: 100%;

    }
    .classificaScontriDiretti tbody td {
        vertical-align: top;
        border-top: 1px solid #ccc;

        width:100px;
    }

    .classificaScontriDiretti tr > td:nth-child(3), .classificaScontriDiretti thead tr > th:nth-child(3) {margin-left:170px; display: inline-block;}

    .classificaScontriDiretti tr > td:first-child, .classificaScontriDiretti thead tr > th:first-child {
        position:absolute;
        display: inline-block;
        left:0; 
        width:20px;
        background-color:#ff9800;
        z-index: 1;
        color: #ffffff;
    }

    .classificaScontriDiretti tr > td:nth-child(2), .classificaScontriDiretti thead tr > th:nth-child(2) {
        position:absolute;
        display: inline-block;
        left:20px; 
        width:150px;
        background-color:#ff9800;
        color: #ffffff;
    }

    .modal-content {
        width:97%;
        left:0;
    }
    .modal-dialog {
        width:100%;
    }
    .padding-30-topbottom {
        padding:0px;
    }
}

@media screen and (min-width: 775px) {
	.cards {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.orange, .green  {
		width: calc(50% - 1em);
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 640px) {
    #partitaSingola .modal-content {
        width:620px;
        left:0px;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .edizione{display:none;}
    form{padding-top:40px;}
    #mainbanner {display:none;}
    .contatore {margin-top: 0px;}
    .kode-fixer-counter {padding-right: 50px; padding-left: 50px;}
    .countdown-section {padding-bottom:20px;}
    .heading h1 {font-size:25px; padding-left:10px; padding-right:10px;}
    .registrati {margin-left: 48px;margin-top: 20px;}
    /*table{overflow-y:scroll !important; display: inline-block!important; clear:none !important; float:none !important; width:100% !important;}*/
    
    .tableOverflow .kd-table{width:130%;max-width:130%;}
    .calciatoreTabella {padding:0px !important;}
    
    #alloggioClassifica .classificaGironeUnico table {overflow-y:scroll !important; display: inline-block!important; clear:none !important; float:none !important; width:100% !important;}
    .contentTableQuotazioni table {overflow-y:scroll !important; display: inline-block!important; clear:none !important; float:none !important; width:100% !important;}

    select.colonneRicerca {display:none;}
    .modal-dialog {width: 400px !important; display:table-cell;}
    #campoPanchina{display:none;}
    #anteprima #campoPanchina{display:block;}

    .in-forma:before{content: "\f118";color: #558B2F;display:none;}
    .squalificato:before{content: "\f04d";color: #B71C1C;display:none;}
    .infortunato:before{content: "\f0f9";color: #B71C1C;display:none;}
    .in-dubbio:before{content: "\f128";color: #FDD835;display:none;}
    .fuori-rosa:before{content: "\f05e";color: #B71C1C;display:none;}

    .budgetDisponibileRosa {
        background-position: 140px;
        width: 100%;
    }

    #partitaSingola .modal-content {
        width:100%;
        left:0px;
    }
    .tableFormazione > thead > tr > th {font-size:14px;}
    .tableFormazione > thead > tr > th, .tableFormazione > tbody > tr > td {padding:8px;}
    .modulo, .modulo select {width:100%;}
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 360px) {
    .edizione{display:none;}
    form{padding-top:40px;}
    .regButton {font-size:16px;}
    .budgetDisponibileRosa {
        background-position: 80px;
    }
    .calciatoreTabella {padding:0px 40px 0px 0px}
    .tableOverflow .kd-table{width:150%;max-width:150%;}

     #partitaSingola .modal-content {
        width:100%;
        left:0px;
    }
    .tableFormazione > thead > tr > th, .tableFormazione > tbody > tr > td {padding:6px;}
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) and (max-width : 360px) {

}