
/* MATTIA*/

.tabRiga {
    clear: left;
    float: left;
}
.tabColonnaLabel {
    float: left; 
    width: 150px; 
    text-align: left;
}
.tabColonnaDati {
    float: left;
}

/* MATTIA*/

.ClearBoth
{
    clear:left;
    clear:right;
}

/* Master */
.menu 
{
    display: inline;
    margin-left: -45px;
    list-style: none;
}

.MenuDdl
{
    display:none;
}

.contenitore
{
    width:750px;
}    

.colonnaSinistra
{
    float:left;
    width:15%;
}

.colonnaCentrale
{
    float:left;
    width:100%;
}

.MyTitle
{
    font-size: 14pt;
    font-weight:bold;    
    color:#000000;
    padding-left: 10px;
    margin-bottom: 10px;
    font-style: italic;
}


/* ADlab.HTML */
.ScrittaTop
{
    display: inline;
}

/* TableLess*/
.tab_riga
{
    width:100%;
    clear:left;
    margin:1px;
    margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 5px;
}

.tab_colonnaLabel
{
    width:19%;
    float:left;
    font-size: 11pt;
    margin-bottom:8px;
}

.tab_colonnaValore
{
    width:29%;
    float:left;
    font-size: 11pt;
    margin-bottom:8px;
} 

.tab_colonnaLabel1
{
    width:49%;
    float:left;
    margin-bottom:8px;
}

.tab_colonnaValore1
{
    width:49%;
    float:left;
    margin-bottom:8px;
}

.tab_colonnaLabelData
{
    width:49%;
    float:left;
    margin-bottom:8px;
}

.tab_colonnaValoreData
{
    width:49%;
    float:left;
    margin-bottom:8px;
}  

/* Panel */
.Pnr
{
    width:800px;
}

.PnrRbl
{
    width:500px;
}

.PnrLogin
{
    padding-left: 20px;
    width:350px;
}

.PnrCentramentoLogin
{
    text-align: center;
}

.pnDatiCliente
{
    margin-bottom: 50px;
}

.pnRicercaStatoOrdini
{
    height: 140px;
}

.pnModificaRapporto
{
    width:98% !important; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    margin-top:30px; 
    padding: 5px;   
}

.pnModificaRicambi
{
    width:98% !important; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    margin-top:30px; 
    padding: 5px;   
}

.pnMainDettaglio
{
    margin:auto !important;
}

/* DropDownList */
.Ddlr
{
    width:80%;
}  

/* TextBox */
.Tbr
{
    width:80%;
}   

/* TextBoxData */
.TbDatar
{
    width:64px;
}  

/* TextArea */
.Tar
{
    width:95%;
}    

/* Datagrid */
.Dgr
{
    width:100%;
    border:none;
}

.Dgr tr
{
    width:100%;
    border-bottom:1px solid black;
    border-top:1px solid black; 
}

.Dgr td
{
    border:none;
}

.Dgr_header
{
    display:inline;
    border:none;
    float:left;
}

.Dgr_headerSmall
{
    display:none;
}

.Dgr_Nomobile
{
    display:inline;
    float:left;
    border:none;
}

.Dgr_NomobileSmall
{
    display:none;
}

.Dgr_headerMobile
{
    display:none;
}

.Dgr_Mobile1
{
    display:none;
}  

.Dgr_Mobile2
{
    display:none;
}       

.Dgr_MobileSmall
{
    display:none;
}          

/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 995px) 
{    
    .Pnr
    {
       width:710px;
    }
    
    .PnrLogin
    {
        width:355px;
    }
    
    .colonnaSinistra
    {
      clear:left;
      width:100%;
    }
    
    .colonnaCentrale
    {
      clear:left;
      width:100%;
    }
    
        .Menu
    {
        display:none;
    }
    
    .MenuDdl
    {
        display:inline;
    }
    
    .Dgr tr
    {
      width:100%;
      border-bottom:1px solid black;
      border-top:1px solid black; 
    }
    
    .Dgr_Nomobile
    {
        display:none;
    }
    
    .Dgr_NomobileSmall
    {
        display:inline;
        float:left;
        border:none;
    }
    
    .Dgr_header
    {
        display:none;
    }
    
    .Dgr_headerSmall
    {
        display:inline;
        border:none;
        float:left;
    }

    .Dgr_Mobile1
    {
        display:inline;
        float:left;
        width:100%;
    }
}
@media only screen and (max-width: 767px) 
{    
    .contenitore
    {
        width:100%;
    } 
    
    .Pnr
    {
        width: 400px;
    }
    
    .PnrLogin
    {
        width:400px;
    }
    
    .PnrRbl
    {
        width: 1px;
    }
    
    .pnModificaRapporto
    {
        width:97% !important; 
    }

    .pnModificaRicambi
    {
        width:97% !important; 
    }
    
    .tab_colonnaLabel
    {
        width:32%;
        clear:left;
    }
    
    .tab_colonnaValore
    {
        width:58%;
    } 
    
    .ScrittaTop
    {
       display: none;
    }
    
    .PnrCentramentoLogin
    {
        display: none;
    }
    
    .Dgr_NomobileSmall
    {
        display:none;
    }
    
    .Dgr_headerSmall
    {
        display:none;
    }
    
    .Dgr_MobileSmall
    {
        display:inline;
        float:left;
        width:100%;
    }
}
@media only screen and (max-width: 479px) 
{   
    .Pnr
    {
        width:300px;
    }
    
    .PnrLogin
    {
        width:270px;
    }
    
    .PnrRbl
    {
        width:1px;
        margin-left:50px;
    }
    
    .pnModificaRapporto
    {
        width:96% !important; 
    }

    .pnModificaRicambi
    {
        width:96% !important; 
    }
    
    .tab_colonnaLabel
    {
        width:33%;
        clear:left;
    }
    
    .tab_colonnaValore
    {
        width:65%;
    }
    
    .tab_colonnaLabel1
    {
        width:86%;
        float:left;
        font-weight:bold;
        margin-bottom:8px;
    }

    .tab_colonnaValore1
    {
        width:86%;
        float:left;
        margin-bottom:8px;
    } 
}
@media only screen and (max-width: 320px) 
{  
    .Pnr
    {
        width:215px;
    }
    
    .PnrLogin
    {
        width:215px;
    }
    
    .PnrRbl
    {
        width:1px;
    }
    
    .tab_colonnaLabel
    {
        width:100%;
        clear:left;
    }
    
    .tab_colonnaValore
    {
        width:100%;
        clear:left;
    } 
    
    .tab_colonnaLabel1
    {
        width:96%;
        float:left;
        font-weight:bold;
        margin-bottom:8px;
    }

    .tab_colonnaValore1
    {
        width:96%;
        float:left;
        margin-bottom:8px;
    } 
    
    .tab_colonnaLabelData
    {
        width:99%;
        float:left;
        font-weight:bold;
        margin-bottom:8px;
    } 
    
    .tab_colonnaValoreData
    {
        width:99%;
        float:left;
        margin-bottom:8px;
    }  
    
    .Tar
    {
        width:90%;
    }
    
    .Dgr_Mobile1
    {
        display:none;
    }
    
    .Dgr_Mobile2
    {
        display:inline;
        float:left;
        width:100%;
    }
}