/* Master */
.menu 
{
    margin-left: -45px;
    list-style: none;
}

.MenuDdl
{
    display:none;
}

.contenitore
{
    width:750px;
}    

.TestoSinistra
{
    color: White;
}

.colonnaSinistra
{
    /*float:left;
    width:20%;*/
    float:left;
    width:15%;    
    min-height:100%;
    height:100%;
    position:absolute;
    text-align:center;
    background: #7d7e7d; /* Old browsers */
    background: -moz-linear-gradient(top,  #FFFFFF 0%, #777777 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #FFFFFF 0%,#777777 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #FFFFFF 0%,#777777 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
    padding-bottom:50px;
}

.colonnaCentrale
{
    float:left;
    width:100%;  
    padding-left:15.5%;
}


/* 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;
    margin:1px;
    margin-bottom: 8px;
    font-weight:bold;
}

.tab_colonnaValore
{
    width:29%;
    float:left;
    margin:1px;
    margin-bottom: 8px;
} 

/* Panel */
.Pnr
{
    /*width:800px;*/
    width:100%;
	background: rgba(0,0,0,0.50) url(../images/pattern.png) repeat top left;
	color:#fff;
	border-radius: 10px; 
    -moz-border-radius: 10px; /* firefox */
    -webkit-border-radius: 10px; /* safari, chrome */
}

.PnrRbl
{
    width:500px;
}

.PnrLogin
{
    width:400px;
    background: rgba(0,0,0,0.50) url(../images/pattern.png) repeat top left;
	color:#fff;
	border-radius: 10px; 
    -moz-border-radius: 10px; /* firefox */
    -webkit-border-radius: 10px; /* safari, chrome */
    margin:auto;
    padding:5px 8px 0px 8px;
}

.col-md-12
{
  position: relative;
  min-height: 1px;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-right: 15px;
  padding-left: 15px;  
  width: 100%;
}
.PnrCentramentoLogin
{
    text-align:center;
}

/* DropDownList */
.Ddlr
{
    width:80%;
}  

/* TextBox */
.Tbr
{
    width:80%;
}   

/* TextBoxData */
.TbDatar
{
    width:64px;
}  

/* TextArea */
.Tar
{
    width:100%;
}    

/* Datagrid */
.Dgr
{
    width:100%;
    border:none;
}

.Dgr tr
{
    /*width:100%;
    border-bottom:1px solid black;
    border-top:1px solid black;*/
    width:100%;
    border-bottom:1px solid rgba(0,102,204,0.8);
}

.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;
} 

.tab_colonnaLabel1
{
    width:35%;
    float:left;
    margin-bottom:8px;
}

.tab_colonnaValore1
{
    width:64%;
    float:left;
    margin-bottom:8px;
}

.MyTitle
{
    /*font-size:30px;
    font-weight:bold;
    color:#000000;*/
    font-size:30px;
    font-weight:bold;    
    margin-top: 5px;
    font-family: "Roboto Condensed", sans-serif;
    color: #ffffff;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 995px) 
{
    .Pnr
    {
       width:100%;
    }
    
    .PnrLogin
    {
        width:355px;
    }
    
    .colonnaSinistra
    {
      clear:left;
      width: 15%;
    }
    
    .colonnaCentrale
    {
      clear:left;
      width:100%;    
      padding-left:15.5%;
    }
    

    /*.Menu
    {
        display:none;      
    }
    
    .MenuDdl
    {
        display:inline;  
    }*/
    
    .Dgr tr
    {
      /*width:100%;
      border-bottom:1px solid black;
      border-top:1px solid black;*/
      width:100%;
      border-bottom:1px solid rgba(0,102,204,0.8);
    }
    
    .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:100%;
    }
    
    .PnrLogin
    {
        width:400px;
    }
    
    .PnrRbl
    {
        width: 1px;
    }
    
    .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%;  
    }
  .colonnaSinistra
    {
        width:15%;
        padding-top:20%;
    }
    
    .colonnaCentrale
    {
        padding-left:16%;
        width:100%;
    }
    
    .img_colonnaSinistra
    {
        display:none;
    }
}

@media only screen and (max-width: 479px) 
{   
    .Pnr
    {
        width:100%;
    }
    
    .PnrLogin
    {
        width:270px;
    }
    
    .PnrRbl
    {
        width:1px;
        margin-left:50px;
    }
    
    .tab_colonnaLabel
    {
        width:33%;
        clear:left;
    }
    
    .tab_colonnaValore
    {
        width:65%;
     }
  
    .colonnaSinistra
    {
        width:18%;
    }
    
    .colonnaCentrale
    {
        width:100%;
        padding-left:20%;
    }
}
@media only screen and (max-width: 320px) 
{  
    .Pnr
    {
        width:100%;
    }
    
    .PnrLogin
    {
        width:215px;
    }
    
    .PnrRbl
    {
        width:1px;
    }
    
    .tab_colonnaLabel
    {
        width:100%;
        clear:left;
    }
    
    .tab_colonnaValore
    {
        width:100%;
        clear:left;
    } 
    
    .Tar
    {
        width:90%;
    }
    
    .Dgr_Mobile1
    {
        display:none;
    }
    
    .Dgr_Mobile2
    {
        display:inline;
        float:left;
        width:100%;
    }
  
    .colonnaSinistra
    {
        width:19%;
    }
    
    .colonnaCentrale
    {
        width:100%;
        padding-left:22%;
    }
}