body
{
    margin: auto;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #333333;
    background-color: #FFFFFF;
    font-size: 50px;
    text-align: center;
}
.banner-warp
{
    
    height: 110px;
    vertical-align:auto;
    line-height: 100px;
    background-color: #FFFFFF;
    left: 50%;
    
}
.ust
{

    text-align: left;
   }

 .panel1c .girisler
{

   text-align: center;
    margin-top:10px;
    font-size: 30px;
    font-weight: bold;
    width:auto;
    height:auto;
    left: 50%;
    
    
    border-bottom : 1px solid #CCC;
}
    .panel1c
    {
        height:auto;
        text-align: center;
         vertical-align:auto;
         
    }
    .panel1c .girisler .kullanici .textbox
    {
        
        padding:10px;
        border:1px solid #ccc;
    
    }
    
    .panel1c .girisler .sifre .textbox
    {
     
        padding:10px;
        border:1px solid #ccc;
    }
        
   
   .panel1c .girisler .btnkayit
    {
       vertical-align :central;
        line-height:80px;
        text-align:center;
        font-size:40px;
        color:#fff;
        background-color:#0099cc;
        margin-top:10px;
    }
.panel2
{
    
}
    .panel2 .ust .pust
    {
        margin-top:10px;
        text-align:center;

        width:auto;
        height:50px;
        line-height: 50px;
        background-color:#89c2fd;
    
    }
     .panel2 .ust .pust1
    {
        margin-top:10px;
        text-align:center;

        width:auto;
        height:50px;
        line-height: 50px;
        background-color:#ffd800;
    
    }
      .panel2 .ust .pust2
    {
        margin-top:10px;
        text-align:center;

        width:auto;
        height:30px;
        line-height: 30px;
        background-color:#ffd800;
    
    }
    .panel2 .ust .ptarih
    {
        margin-top: 5px;
        width: auto;
        height: 40px;
        line-height: 40px;
        background-color: #ffd800;
        font-size: 24px;
        text-align:left;
       
          
          
         
    }
    .panel2 .ust .ptarih .ptarih
    {
        margin-top:5px;  
        width:auto;
        height:40px;
        line-height: 40px;
        background-color:#ffd800;
        font-size:24px;
        
        
    }
     .panel2 .ust .ptl
    {
        margin-top:5px;  
        width:auto;
        height: 100px;
        font-size:24px;
        text-align: center;
        background-color:#93deda;
        
        
        
        
    }
       .panel2 .ust .ptl .adet
        {
            font-size:24px;
            width:400px;
            height: 100px;
            text-align: left;
        }


        .panel2 .ust .ptl .Tutar
        {
            font-size:54px;
            width:380px;
            height: 100px;
            text-align: right;
        }

      .panel2 .ust .pusd
    {
        margin-top:5px;  
        width:auto;
        height: 100px;
        font-size:40px;
        line-height: 40px;
        text-align:center;
        background-color:#93deda;
        
        
        
    }
        .panel2 .ust .pusd .adet
        {
            font-size:24px;
            width:400px;
            height: 100px;
            text-align: left;
        }

      .panel2 .ust .pusd .Tutar
        {
            font-size:54px;
            width:400px;
            height: 100px;
            text-align: right;
        }
       .panel2 .ust .peur
    {
        margin-top:5px;  
        width:auto;
        height: 100px;
        font-size:24px;
        line-height: 40px;
        text-align: center;
        background-color:#93deda;
        
        left: 50%;
        
    }
    .panel2 .ust .peur .adet
    {
        font-size: 24px;
        width: 400px;
        height: 100px;
        text-align: left;
    }
       .panel2 .ust .peur .Tutar
        {
            font-size:54px;
            text-align: right;
            height: 100px;

        }

    .panel2 .ust .pkur
    {
        margin-top:5px; 
        font-size:22px; 
        width:auto;
        height:30px;
        line-height: 30px;
        background-color:#a5c5cf;
        font-size:12px;
        
        left: 50%;
    }
     .panel2 .ust .pkurUSD
    {
        margin-top:5px; 
        font-size:22px; 
        width:auto;
        height:30px;
        line-height: 30px;
        background-color:#a5c5cf;
        left: 50%;
    }
    .panel2 .palt
    {
        margin-top: 0px;
        float: left;
        width: 100%;
        height: 100px;
        line-height: 55px;
        border-bottom: 0.1px solid #CCC;
        color: #555;
        
        left: 50%;
    }
 
  
    .panel2 .palt .yenile
    {
        width : 200px;
        line-height:80px;
        text-align:center;
        color:#fff;
        font-size:16px;
        background-color:#0099cc;
        margin-top:10px;
        
        left: 50%;
    }

     .panel2 .ust .Fatura .Tutar
        {
            font-size:54px;
            width:380px;
            height:100px;
            text-align: left;
        }

      .panel2 .ust .Fatura
    {
        margin-top:5px;  
        width:auto;
        height:100px;
        font-size:24px;
        line-height: 40px;
        text-align:center;
        background-color:#93deda;
        
        
        
    }
        .panel2 .ust .Fatura1
    {
        margin-top:5px;  
        width:auto;
        height:auto;
        font-size:24px;
        line-height: 40px;
        text-align:center;
        background-color:#ffd800;
        
        
        
    }
       .panel2 .ust .Personel 
    {
        width:auto;
        font-size:36px;
        margin-top:10px;
        background-color:#cff1f1;
        vertical-align:auto;
      

    }
         .panel2 .ust .Personel1
    {
        width:auto;
        font-size:20px;
        margin-top:10px;
        left: 50%;
        background-color:#ef9c85;
      

    }

    .panel2 .ust .Personel .GridView1
    {
        font-size:36px;
        margin-top:10px;
        
        vertical-align:auto;
        

    }
    .panel2 .Chart1
    {
        margin-top: 10px;
       
    }
.newStyle1
{
    font-family: "Felix Titling";
    font-size: 30px;
    font-weight: bold;
    color: #FF3300;
}

@media only screen and (max-width:480px)
{
body
{
    margin: auto;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #333333;
    background-color: #FFFFFF;
    font-size: 30px;
    text-align: center;
}
.banner-warp
{
    
    height: 110px;
    vertical-align:auto;
    line-height: 100px;
    background-color: #FFFFFF;
    left: 50%;
    
}
.ust
{

    text-align: left;
   }

 .panel1c .girisler
{

   text-align: center;
    margin-top:10px;
    font-size: 30px;
    font-weight: bold;
    width:auto;
    height:200px;
    left: 50%;
    
    
    border-bottom : 1px solid #CCC;
}
    .panel1c
    {
        height:auto;
        text-align: center;
         vertical-align:auto;
         
    }
    .panel1c .girisler .kullanici .textbox
    {
        font-size:30px;
        width:300px;
        padding:10px;
        height:30px;
        border:1px solid #ccc;
    
    }
    
    .panel1c .girisler .sifre .textbox
    {
     font-size:30px;
        width:300px;
        padding:10px;
        height:30px;
        border:1px solid #ccc;
    }
        
   
   .panel1c .girisler .btnkayit
    {
       vertical-align :central;
        width : 200px;
        line-height:50px;
        text-align:center;
        font-size:30px;
        color:#fff;
        background-color:#0099cc;
        margin-top:10px;
    }
.panel2
{
    
}
    .panel2 .ust .pust
    {
        margin-top:10px;
        text-align:center;

        width:auto;
        height:50px;
        line-height: 50px;
        background-color:#89c2fd;
    
    }
    .panel2 .ust .ptarih
    {
        margin-top: 5px;
        width: auto;
        height: 40px;
        line-height: 40px;
        background-color: #ffd800;
        font-size: 18px;
        text-align:left;
       
          
          
         
    }
    .panel2 .ust .ptarih .ptarih
    {
        margin-top:5px;  
        width:auto;
        height:40px;
        line-height: 40px;
        background-color:#ffd800;
        font-size:18px;
        
        
    }
     .panel2 .ust .ptl
    {
        margin-top:5px;  
        width:auto;
        height:80px;
        font-size:18px;
        text-align: center;
        background-color:#93deda;
        
        
        
        
    }
       .panel2 .ust .ptl .adet
        {
            font-size:18px;
            width:300px;
            height:80px;
            text-align: right;
        }


        .panel2 .ust .ptl .Tutar
        {
            font-size:24px;
            width:380px;
            height:80px;
            text-align: left;
        }

      .panel2 .ust .pusd
    {
        margin-top:5px;  
        width:auto;
        height:80px;
        font-size:24px;
        line-height: 40px;
        text-align:center;
        background-color:#93deda;
        
        
        
    }
        .panel2 .ust .pusd .adet
        {
            font-size:18px;
            width:300px;
            height:80px;
            text-align: left;
        }

      .panel2 .ust .pusd .Tutar
        {
            font-size:24px;
            width:400px;
            height:80px;
            text-align: right;
        }
       .panel2 .ust .peur
    {
        margin-top:5px;  
        width:auto;
        height:80px;
        font-size:24px;
        line-height: 40px;
        text-align: center;
        background-color:#93deda;
        
        left: 50%;
        
    }
    .panel2 .ust .peur .adet
    {
        font-size: 18px;
        width: 300px;
        height: 80px;
        text-align: left;
    }
       .panel2 .ust .peur .Tutar
        {
            font-size:24px;
            text-align: right;

        }

    .panel2 .ust .pkur
    {
        margin-top:5px; 
        font-size:16px; 
        width:auto;
        height:30px;
        line-height: 30px;
        background-color:#a5c5cf;
        font-size:12px;
        
        left: 50%;
    }
     .panel2 .ust .pkurUSD
    {
        margin-top:5px; 
        font-size:16px; 
        width:auto;
        height:30px;
        line-height: 30px;
        background-color:#a5c5cf;
        left: 50%;
    }
    .panel2 .palt
    {
        margin-top: 0px;
        float: left;
        width: 100%;
        height: 80px;
        line-height: 55px;
        border-bottom: 0.1px solid #CCC;
        color: #555;
        
        left: 50%;
    }
 
  
    .panel2 .palt .yenile
    {
        width : 200px;
        line-height:50px;
        text-align:center;
        color:#fff;
        font-size:12px;
        background-color:#0099cc;
        margin-top:10px;
        
        left: 50%;
    }

    
     .panel2 .ust .Fatura .Tutar
        {
            font-size:24px;
            width:380px;
            height:80px;
            text-align: left;
        }

      .panel2 .menulist 
    {
        width : 200px;
        line-height:50px;
        text-align:center;
        color:#fff;
        font-size:12px;
        background-color:#296aad;
        margin-top:10px;
        
        left: 50%;
    }
      .panel2 .ust .Fatura
    {
        margin-top:5px;  
        width:auto;
        height:80px;
        font-size:18px;
        line-height: 40px;
        text-align:center;
        background-color:#93deda;
        
        
        
    }
    .panel2 .Chart1
    {
        margin-top: 10px;
       
    }
     .panel2 .ust .Personel 
    {
        width:auto;
        font-size:16px;
        margin-top:10px;
        left: 50%;
        background-color:#ef9c85;
      

    }

      .panel2 .ust .Personel1
    {
        width:auto;
        font-size:10px;
        margin-top:10px;
        left: 50%;
        background-color:#ef9c85;
      

    }

    .panel2 .ust .Personel .GridView1
    {
        font-size:16px;
        margin-top:10px;
        left: 60%;
     
        

    }
.newStyle1
{
    font-family: "Felix Titling";
    font-size: medium;
    font-weight: bold;
    color: #FF3300;
}
}

.panel3c
{
   background-color:#cff1f1;
   width:inherit;
   left: 50%;
}
.panel3c .FuarAlanı
{
    background-color:#FFFFFF;
    width:760px;
    
    margin-left: auto;
    margin-right: auto;

}
    .panel3c .Fuartextbox
     {
        width:350px;
        padding:10px;
        border:1px solid #ccc;
    
     }

     .panel3c .FuartextboxYorum
     {
        width:350px;
        height:100px;
        padding:10px;
        border:1px solid #ccc;
    font-size:18px;
    
    font-family: Verdana, Helvetica, sans-serif;
     }



.panel3c .FuarBolum
{
    margin-top: 5px;
    font-size: 22px;
    width: auto;
    height: 30px;
    line-height: 30px;
    background-color: #a5c5cf;
    
    left: 50%;
}

.panel3c .FuarBolum2
{
    text-align: left;
    margin-top:10px;
    font-size: 24px;
    font-weight: bold;
    width:auto;
    left: 50%;
}
    .panel3c .RadioButton
    {
    width: 100%;
    font-size: 25px;
    
    }
    .panel3c .FuarBolum .GridView2
    {
        font-size: 10px;
         font-size:medium;
    }

.panel3c .TTuru
{
    font-size:18px;
    width: auto;
    font-family: Verdana, Helvetica, sans-serif;
}

.panel3c .FuarAdi .DropDownLis
{
         text-align:left;
    width:400px;
        height:50px;
        color:red;
        border:1px solid #ccc;
        font-size:25px;
}

.panel3c .FuarKaydet .FuarKaydet
{
        width : 200px;
        line-height:50px;
        text-align:center;
        color:#fff;
        font-size:20px;
        background-color:#0099cc;
        margin-top:10px;
        
        left: 50%;
    }
.panel3c .FirmaAra
{
        width : 80px;

        line-height:30px;
        text-align:center;
        color:#fff;
        font-size:18px;
        background-color:#32cf04;
        margin-top:10px;
        
        left: 50%;

}
.panel3c .Listele
{
    width : 200px;

        line-height:50px;
        text-align:center;
        color:#fff;
        font-size:18px;
        background-color:#32cf04;
        margin-top:10px;
        
        left: 50%;
}

.panel4c
{
      text-align:center;
      font-size:26px;
}

    .panel4c .DurumOran
    {
        font-size:80px;
        color:#0d4152;
    }
.panel4c .pust
    {
        margin-top:10px;
        text-align:center;

        width:auto;
        height:50px;
        line-height: 50px;
        background-color:#89c2fd;
    
    }

.panel4c .ToplamSiparis
{
     margin-top:10px;
        text-align:center;


}
.panel4c .TopSip 
{
    font-size:36px;
     margin-top:20px;
        text-align:center;


}

.panel4c .ToplamSiparis .TopSip .TopSiparis
{
     margin-top:10px;
        text-align:center;


}
.panel4c .DepoSip 
    {
        font-size:36px;
        margin-top:10px;
        
        vertical-align:auto;
       
      
        left: 50%;
        
        

    }
.panel4c .DepoSip .GridView5
    {
        font-size:36px;
        margin-top:10px;
        
        vertical-align:auto;
       
      
        left: 50%;
        
    }
.panel4c .yenile
    {
        width : 200px;
        line-height:50px;
        text-align:center;
        color:#fff;
        font-size:12px;
        background-color:#0099cc;
        margin-top:10px;
        
        left: 50%;
    }

    .panel4c .Altbolum
    {
        margin-top:10px;
        width:auto;
        height:20px;
        line-height: 50px;
        background-color:#89c2fd;
    }
    .panel4c .FirmaAlt
    {
        margin-top:10px;
        width:auto;
        height:20px;
        line-height: 50px;
        background-color:#89c2fd;
    }
.panelEB {
    margin-top:10px;
    font-size:28px;
        line-height: 50px;
        background-color:#89c2fd;
}