@font-face {
 font-family: englishfont;
    src: url('../../fonts/glyphicons-halflings-regular.woff') format('woff');
    font-weight:bold;
}



@font-face {
    font-family: 'farsifont';
    src: url('../../fonts/BRoya.eot') format('embedded-opentype');

    src: url('../../fonts/BRoya.ttf') format('truetype');


    src: url('../../fonts/BRoya.woff') format('woff');
}


@media only screen and (min-width:1200px) {
    #mainchart2{
        width:70%;
        height:60px;
       
        margin-right:25%;
        
    }
    #mainchart{
        width:70%;
        margin-right:25%;
        
        height:70px;
          
    }
  #maincal{
   position:relative;
        width:60%;
      right:20%;
          height:340px; 
          margin-top:30px;
          border:4px solid #d3ba6b;
          border-radius:20px;
    }
.hchart{
  text-align:center;
    position:relative;
   margin:auto;
  font-family: 'farsifont';
    border:4px solid #d3ba6b;
    padding-top:4px;
    padding-bottom:4px;
   width:90%;
   color:#d3ba6b;
   background:#1b1b1b;
}

.contentarchive{
    width:100%;
}
.headgroup{

    position:relative;
   width:15%;
   right:5%;
   float:right;
}
.headtype{
    position:relative;
   width:15%;
   
   right:10%;
   float:right;
}
.valuetype{
     position:relative;
   width:15%;
   
  margin-left:15%;
   float:right;
}

#tables{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    float:right;
    width:170px;
}
#t2{height:32px;
    width:58px;
  float:right;
  position:relative;
  left:97%;

}
#maintables2{
    float:right;
    top:33px;

}
#tables2{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;

  float:right;
    /*position:relative;
  left:63%;
   bottom:33px;*/
    width:170px;
 
}
.headgroupdate{
  
          position:relative;
   right:15%;
   
   
}
#namespan{
    height:32px;
    background-color:#d3ba6b;
}
#name2span{
   
    background-color:#d3ba6b;
}
#name{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
  width:200px;
  float:right;
 
}
#name2{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
  width:200px;
  float:right;
 
}
#namemain{
    margin-top:64px;

    
}
#name2main{
margin-top:30px;
  
 
}
#txtAmount{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:36px;
  width:240px;
  float:right;
 right:20%;

}
#txta
{
    border:2px solid #d3ba6b;

    position:relative;
    right:38%;
}
#ddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
  right:14%;

}
#btcal{
    position:relative;
    right:43%;
   background:#d3ba6b;
    text-align:center;
    width:90px;
}
#spanddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
  right:14%;

}
#convert{
      border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
position:relative;
right:40%;

}
#spanconvert{
  font-weight:bold;

  font-weight:bold;
position:relative;
right:27%;
}
#bs{
      border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
position:relative;
right:10%;

}
#tspan{
  font-weight:bold;


position:relative;
right:10%;
}
#ddlTo{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
right:92%;

}
#t2{
    position:relative;
    right:0%;
}
#ddltospan{
    position:relative;
right:62%;
}
#btarchive{
    width:100px;
         position:relative;
   background:#d3ba6b;
   right:10%;
 

}

#res{
     border:2px solid #d3ba6b;
     width:160px;
    position:relative;
    right:77.5%;
}

#btarchive{
    width:100px;
         position:relative;
   background:#d3ba6b;
   right:63%;
 bottom:30px;

}





    tt th * {
        height: 24px;
        margin-top: 5px;
    }

    tt td * {
        margin-bottom: 8px;
    }

    tt * {
        height: 50px;

    }

    tt {
        width: 44%;
    }

 

    .headeskenas {
        background: #d3ba6b;
        color: #1b1b1b;
        border: 0;
        font-family: farsifont;
    }


    .headeskenas th {
        border-bottom: 0;
        border-top: 0;
        border-left: 3px solid white;
        border-right: 3px solid white;
        font-family: farsifont;
        text-align:center;
    }

   

      


    .tt {
        width: 72%;
        position: relative;
      bottom:-40px;
        right: 14%;
    }
     
    
    .tt tbody tr td {
        background: #e8e6e6;
        border-bottom: 3px solid white;
        border-top: 0;
        border-left: 3px solid white;
        border-right: 3px solid white;
        white-space: nowrap;
        text-align: center;
        font-size: 13px;
        font-family: englishfont;
        
    }

}

@media only screen and (min-width: 993px) and (max-width:1201px) {
       #mainchart2{
        width:70%;
        height:60px;
       
        margin-right:25%;
        
    }
    #mainchart{
        width:70%;
        margin-right:25%;
        
        height:70px;
          
    }
  #maincal{
   position:relative;
        width:60%;
      right:20%;
          height:340px; 
          margin-top:30px;
          border:4px solid #d3ba6b;
          border-radius:20px;
    }
.hchart{
  text-align:center;
    position:relative;
   margin:auto;
  font-family: 'farsifont';
    border:4px solid #d3ba6b;
    padding-top:4px;
    padding-bottom:4px;
   width:90%;
   color:#d3ba6b;
   background:#1b1b1b;
}

.contentarchive{
    width:100%;
}
.headgroup{

    position:relative;
   width:15%;
   right:5%;
   float:right;
}
.headtype{
    position:relative;
   width:15%;
   
   right:10%;
   float:right;
}
.valuetype{
     position:relative;
   width:15%;
   
  margin-left:15%;
   float:right;
}

#tables{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    float:right;
    width:170px;
}
#t2{height:32px;
    width:58px;
  float:right;
  position:relative;
  left:97%;

}
#maintables2{
    float:right;
    top:33px;

}
#tables2{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;

  float:right;
    /*position:relative;
  left:63%;
   bottom:33px;*/
    width:170px;
 
}
.headgroupdate{
  
          position:relative;
   right:15%;
   
   
}
#namespan{
    height:32px;
    background-color:#d3ba6b;
}
#name2span{
   
    background-color:#d3ba6b;
}
#name{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
  width:200px;
  float:right;
 
}
#name2{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
  width:200px;
  float:right;
 
}
#namemain{
    margin-top:64px;

    
}
#name2main{
margin-top:30px;
  
 
}
#txtAmount{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:36px;
  width:240px;
  float:right;
 right:20%;

}
#txta
{
    border:2px solid #d3ba6b;

    position:relative;
    right:38%;
}
#ddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
  right:14%;

}
#btcal{
    position:relative;
    right:43%;
   background:#d3ba6b;
    text-align:center;
    width:90px;
}
#spanddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
  right:14%;

}
#convert{
      border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
position:relative;
right:40%;

}
#spanconvert{
  font-weight:bold;

  font-weight:bold;
position:relative;
right:27%;
}
#bs{
      border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
position:relative;
right:10%;

}
#tspan{
  font-weight:bold;


position:relative;
right:10%;
}
#ddlTo{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
right:92%;

}
#t2{
    position:relative;
    right:0%;
}
#ddltospan{
    position:relative;
right:62%;
}
#btarchive{
    width:100px;
         position:relative;
   background:#d3ba6b;
   right:10%;
 

}

#res{
     border:2px solid #d3ba6b;
     width:160px;
    position:relative;
    right:77.5%;
}

#btarchive{
    width:100px;
         position:relative;
   background:#d3ba6b;
   right:63%;
 bottom:30px;

}







    tt th * {
        height: 24px;
        margin-top: 5px;
    }

    tt td * {
        margin-bottom: 8px;
    }

    tt * {
        height: 50px;

    }

    tt {
        width: 44%;
    }

 

    .headeskenas {
        background: #d3ba6b;
        color: #1b1b1b;
        border: 0;
        font-family: farsifont;
    }


    .headeskenas th {
        border-bottom: 0;
        border-top: 0;
        border-left: 3px solid white;
        border-right: 3px solid white;
        font-family: farsifont;
        text-align:center;
    }

   

      


    .tt {
        width: 72%;
        position: relative;
      bottom:-40px;
        right: 14%;
    }
     
    
    .tt tbody tr td {
        background: #e8e6e6;
        border-bottom: 3px solid white;
        border-top: 0;
        border-left: 3px solid white;
        border-right: 3px solid white;
        white-space: nowrap;
        text-align: center;
        font-size: 13px;
        font-family: englishfont;
        
    }
}

.empty{
    height:5.2vh;
     background: #1b1b1b;

}

@media only screen and (min-width: 768px) and (max-width:992px) {
    #mainchart2{
        width:70%;
        height:170px;
       
        margin-right:25%;
        
    }
    #mainchart{
        width:70%;
        margin-right:25%;
        
        height:70px;
          
    }
  #maincal{
   position:relative;
        width:60%;
      right:20%;
          height:340px; 
          margin-top:30px;
          border:4px solid #d3ba6b;
          border-radius:20px;
    }
.hchart{
  text-align:center;
    position:relative;
   margin:auto;
  font-family: 'farsifont';
    border:4px solid #d3ba6b;
    padding-top:4px;
    padding-bottom:4px;
   width:90%;
   color:#d3ba6b;
   background:#1b1b1b;
}

.contentarchive{
    width:100%;
}
.headgroup{

    position:relative;
   width:15%;
   right:5%;
   float:right;
}
.headtype{
    position:relative;
   width:15%;
   
   right:10%;
   float:right;
}
.valuetype{
     position:relative;
   width:15%;
   
  margin-left:15%;
   float:right;
}

#tables{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    float:right;
    width:170px;
}
#t2{height:32px;
    width:58px;
  float:right;
  position:relative;
  left:97%;

}
#maintables2{
    float:right;
    top:33px;

}
#tables2{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;

  float:right;
    /*position:relative;
  left:63%;
   bottom:33px;*/
    width:170px;
 
}
.headgroupdate{
  
          position:relative;
   right:15%;
   
   
}
#namespan{
    height:32px;
    background-color:#d3ba6b;
}
#name2span{
   
    background-color:#d3ba6b;
}
#name{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
  width:200px;
  float:right;
 
}
#name2{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
  width:200px;
  float:right;
 
}
#namemain{
    margin-top:64px;

    
}
#name2main{
margin-top:30px;
  
 
}
#txtAmount{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:36px;
  width:240px;
  float:right;
 right:20%;

}
#txta
{
    border:2px solid #d3ba6b;

    position:relative;
    right:38%;
}
#ddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
  right:14%;

}
#btcal{
    position:relative;
    right:43%;
   background:#d3ba6b;
    text-align:center;
    width:90px;
}
#spanddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
  right:14%;

}
#convert{
      border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
position:relative;
right:40%;

}
#spanconvert{
  font-weight:bold;

  font-weight:bold;
position:relative;
right:27%;
}
#bs{
      border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
position:relative;
right:10%;

}
#tspan{
  font-weight:bold;


position:relative;
right:10%;
}
#ddlTo{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
right:92%;

}
#t2{
    position:relative;
    right:0%;
}
#ddltospan{
    position:relative;
right:62%;
}
#btarchive{
    width:100px;
         position:relative;
   background:#d3ba6b;
   right:10%;
 top:5px;

}

#res{
     border:2px solid #d3ba6b;
     width:160px;
    position:relative;
    right:77.5%;
}

#btarchive{
    width:100px;
         position:relative;
   background:#d3ba6b;
   right:63%;
 bottom:30px;

}




    #t2right
    {
        float:right;
    }




    tt th * {
        height: 24px;
        margin-top: 5px;
    }

    tt td * {
        margin-bottom: 8px;
    }

    tt * {
        height: 50px;

    }

    tt {
        width: 44%;
    }

 

    .headeskenas {
        background: #d3ba6b;
        color: #1b1b1b;
        border: 0;
        font-family: farsifont;
    }


    .headeskenas th {
        border-bottom: 0;
        border-top: 0;
        border-left: 3px solid white;
        border-right: 3px solid white;
        font-family: farsifont;
        text-align:center;
    }

   

      


    .tt {
        width: 72%;
        position: relative;
      bottom:-40px;
        right: 14%;
    }
     
    
    .tt tbody tr td {
        background: #e8e6e6;
        border-bottom: 3px solid white;
        border-top: 0;
        border-left: 3px solid white;
        border-right: 3px solid white;
        white-space: nowrap;
        text-align: center;
        font-size: 13px;
        font-family: englishfont;
        
    }
}

@media only screen and (min-width: 480px) and (max-width:768px) {
    #mainchart2{
        width:80%;
        height:60px;
       
        margin-right:2%;
          height:200px;
    }
    #mainchart{
        width:110%;
        margin-right:2%;
        
        height:160px;
          
    }
  #maincal{
   position:relative;
        width:60%;
      right:20%;
          height:260px; 
          margin-top:30px;
          border:4px solid #d3ba6b;
          border-radius:20px;
    }
.hchart{
  text-align:center;
    position:relative;
   margin:auto;
  font-family: 'farsifont';
    border:4px solid #d3ba6b;
    padding-top:4px;
    padding-bottom:4px;
   width:90%;
   color:#d3ba6b;
   background:#1b1b1b;
}

.contentarchive{
    width:100%;
}
.headgroup{

    position:relative;
   width:15%;
   right:5%;
   float:right;
}
.headtype{
    position:relative;
   width:15%;
   
   right:10%;
   float:right;
}
.valuetype{
     position:relative;
   width:15%;
   
  margin-left:15%;
   float:right;
}

#tables{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    float:right;
 width:130px;

}
#t2right{
  
    width:100%;
    position:absolute;
   
    height:120px;

}
#tables2{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
 
 width:130px;
 position:absolute;
 top:70px;
 right:100%;
}
.headgroupdate{
  
          position:relative;
   right:15%;
   
   
}
#namespan{
    height:32px;
    background-color:#d3ba6b;
}
#name2span{
   
    background-color:#d3ba6b;
}
#name{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
  width:140px;
  float:right;
 position:relative;
 top:2px;
}
#name2{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
  width:140px;
  float:right;
  position:relative;
 top:2px;
}
#namemain{
   
   
    bottom:20px;
}
#name2main{
    
  

  
}
#txtAmount{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:36px;
  width:240px;
  float:right;
 right:20%;

}
#txta
{
    border:2px solid #d3ba6b;

    position:relative;
    right:38%;
}
#ddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
  right:14%;

}
#btcal{
    position:relative;
    right:43%;
   background:#d3ba6b;
    text-align:center;
    width:90px;
}
#spanddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
  right:14%;

}
#convert{
      border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
position:relative;
right:40%;

}
#spanconvert{
  font-weight:bold;

  font-weight:bold;
position:relative;
right:27%;
}
#t1{
height:32px;
    width:58px;
    float:right;
    position:relative;

  
}
#t2{
    height:32px;
    width:58px;
    float:right;
    position:relative;
  top:72px;

}
#bs{
      border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
position:relative;
right:10%;

}
#tspan{
  font-weight:bold;


position:relative;
right:10%;
}
#ddlTo{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
right:92%;

}
#ddltospan{
    position:relative;
right:62%;
}


#res{
     border:2px solid #d3ba6b;
     width:160px;
    position:relative;
    right:77.5%;
}

#btarchive{
    width:100px;
         position:relative;
   background:#d3ba6b;
   right:55%;
 top:40px;

}







    tt th * {
        height: 24px;
        margin-top: 5px;
    }

    tt td * {
        margin-bottom: 8px;
    }

    tt * {
        height: 50px;

    }

    tt {
        width: 44%;
    }

 

    .headeskenas {
        background: #d3ba6b;
        color: #1b1b1b;
        border: 0;
        font-family: farsifont;
    }


    .headeskenas th {
        border-bottom: 0;
        border-top: 0;
        border-left: 3px solid white;
        border-right: 3px solid white;
        font-family: farsifont;
        text-align:center;
    }

   

      


    .tt {
        width: 72%;
        position: relative;
      bottom:-40px;
        right: 14%;
    }
     
    
    .tt tbody tr td {
        background: #e8e6e6;
        border-bottom: 3px solid white;
        border-top: 0;
        border-left: 3px solid white;
        border-right: 3px solid white;
        white-space: nowrap;
        text-align: center;
        font-size: 13px;
        font-family: englishfont;
        
    }
}
@media only screen and (min-width:320px) and (max-width: 480px) {
    #mainchart2{
        width:80%;
        height:60px;
       
        margin-right:2%;
          height:200px;
    }
    #mainchart{
        width:110%;
        margin-right:2%;
        
        height:160px;
          
    }
  #maincal{
   position:relative;
        width:60%;
      right:20%;
          height:340px; 
          margin-top:30px;
          border:4px solid #d3ba6b;
          border-radius:20px;
    }
.hchart{
  text-align:center;
    position:relative;
   margin:auto;
  font-family: 'farsifont';
    border:4px solid #d3ba6b;
    padding-top:4px;
    padding-bottom:4px;
   width:90%;
   color:#d3ba6b;
   background:#1b1b1b;
}

.contentarchive{
    width:100%;
}
.headgroup{

    position:relative;
   width:15%;
   right:5%;
   float:right;
}
.headtype{
    position:relative;
   width:15%;
   
   right:10%;
   float:right;
}
.valuetype{
     position:relative;
   width:15%;
   
  margin-left:15%;
   float:right;
}

#tables{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    float:right;
 width:130px;

}
#t2right{
  
    width:100%;
    position:absolute;
   
    height:120px;

}
#tables2{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
 
 width:130px;
 position:absolute;
 top:70px;
 right:100%;
}
.headgroupdate{
  
          position:relative;
   right:15%;
   
   
}
#namespan{
    height:32px;
    background-color:#d3ba6b;
}
#name2span{
   
    background-color:#d3ba6b;
}
#name{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
  width:140px;
  float:right;
 position:relative;
 top:2px;
}
#name2{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
  width:140px;
  float:right;
  position:relative;
 top:2px;
}
#namemain{
   
   
    bottom:20px;
}
#name2main{
    
  

  
}
#txtAmount{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:36px;
  width:240px;
  float:right;
 right:20%;

}
#txta
{
    border:2px solid #d3ba6b;

    position:relative;
    right:38%;
}
#ddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
  right:14%;

}
#btcal{
    position:relative;
    right:43%;
   background:#d3ba6b;
    text-align:center;
    width:90px;
}
#spanddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
  right:14%;

}
#convert{
      border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
position:relative;
right:40%;

}
#spanconvert{
  font-weight:bold;

  font-weight:bold;
position:relative;
right:27%;
}
#t1{
height:32px;
    width:58px;
    float:right;
    position:relative;

  
}
#t2{
    height:32px;
    width:58px;
    float:right;
    position:relative;
  top:72px;

}
#bs{
      border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
position:relative;
right:10%;

}
#tspan{
  font-weight:bold;


position:relative;
right:10%;
}
#ddlTo{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
right:92%;

}
#ddltospan{
    position:relative;
right:62%;
}


#res{
     border:2px solid #d3ba6b;
     width:160px;
    position:relative;
    right:77.5%;
}

#btarchive{
    width:100px;
         position:relative;
   background:#d3ba6b;
   right:53%;
 top:40px;

}







    tt th * {
        height: 24px;
        margin-top: 5px;
    }

    tt td * {
        margin-bottom: 8px;
    }

    tt * {
        height: 50px;

    }

    tt {
        width: 44%;
    }

 

    .headeskenas {
        background: #d3ba6b;
        color: #1b1b1b;
        border: 0;
        font-family: farsifont;
    }


    .headeskenas th {
        border-bottom: 0;
        border-top: 0;
        border-left: 3px solid white;
        border-right: 3px solid white;
        font-family: farsifont;
        text-align:center;
    }

   

      


    .tt {
        width: 72%;
        position: relative;
      bottom:-40px;
        right: 14%;
    }
     
    
    .tt tbody tr td {
        background: #e8e6e6;
        border-bottom: 3px solid white;
        border-top: 0;
        border-left: 3px solid white;
        border-right: 3px solid white;
        white-space: nowrap;
        text-align: center;
        font-size: 13px;
        font-family: englishfont;
        
    }
}



@media only screen and (min-width:1px) and (max-width: 320px) {
    
   #mainchart2{
        width:80%;
        height:60px;
       
        margin-right:2%;
          height:200px;
    }
    #mainchart{
        width:110%;
        margin-right:2%;
        
        height:160px;
          
    }
  #maincal{
   position:relative;
        width:60%;
      right:20%;
          height:340px; 
          margin-top:30px;
          border:4px solid #d3ba6b;
          border-radius:20px;
    }
.hchart{
  text-align:center;
    position:relative;
   margin:auto;
  font-family: 'farsifont';
    border:4px solid #d3ba6b;
    padding-top:4px;
    padding-bottom:4px;
   width:90%;
   color:#d3ba6b;
   background:#1b1b1b;
}

.contentarchive{
    width:100%;
}
.headgroup{

    position:relative;
   width:15%;
   right:5%;
   float:right;
}
.headtype{
    position:relative;
   width:15%;
   
   right:10%;
   float:right;
}
.valuetype{
     position:relative;
   width:15%;
   
  margin-left:15%;
   float:right;
}

#tables{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    float:right;
 width:130px;

}
#t2right{
  
    width:100%;
    position:absolute;
    left:20%;
    height:120px;
}
#tables2{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    float:right;
 width:130px;
 position:relative;
 top:70px;
 right:35%;
}
.headgroupdate{
  
          position:relative;
   right:15%;
   
   
}
#namespan{
    height:32px;
    background-color:#d3ba6b;
}
#name2span{
   
    background-color:#d3ba6b;
}
#name{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
  width:140px;
  float:right;
 position:relative;
 top:2px;
}
#name2{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
  width:140px;
  float:right;
  position:relative;
 top:2px;
}
#namemain{
   
   
    bottom:20px;
}
#name2main{
    
  

  
}
#txtAmount{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:36px;
  width:240px;
  float:right;
 right:20%;

}
#txta
{
    border:2px solid #d3ba6b;

    position:relative;
    right:38%;
}
#ddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
  right:14%;

}
#btcal{
    position:relative;
    right:43%;
   background:#d3ba6b;
    text-align:center;
    width:90px;
}
#spanddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
  right:14%;

}
#convert{
      border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
position:relative;
right:40%;

}
#spanconvert{
  font-weight:bold;

  font-weight:bold;
position:relative;
right:27%;
}
#t1{
height:32px;
    width:58px;
    float:right;
    position:relative;

  
}
#t2{
    height:32px;
    width:58px;
    float:right;
    position:relative;
  top:72px;
 right:35%;
}
#bs{
      border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
position:relative;
right:10%;

}
#tspan{
  font-weight:bold;


position:relative;
right:10%;
}
#ddlTo{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
right:92%;

}
#ddltospan{
    position:relative;
right:62%;
}


#res{
     border:2px solid #d3ba6b;
     width:160px;
    position:relative;
    right:77.5%;
}

#btarchive{
    width:100px;
         position:relative;
   background:#d3ba6b;
   right:43%;
 top:40px;

}





    tt th * {
        height: 24px;
        margin-top: 5px;
    }

    tt td * {
        margin-bottom: 8px;
    }

    tt * {
        height: 50px;

    }

    tt {
        width: 44%;
    }

 

    .headeskenas {
        background: #d3ba6b;
        color: #1b1b1b;
        border: 0;
        font-family: farsifont;
    }


    .headeskenas th {
        border-bottom: 0;
        border-top: 0;
        border-left: 3px solid white;
        border-right: 3px solid white;
        font-family: farsifont;
        text-align:center;
    }

   

      


    .tt {
        width: 72%;
        position: relative;
      bottom:-40px;
        right: 14%;
    }
     
    
    .tt tbody tr td {
        background: #e8e6e6;
        border-bottom: 3px solid white;
        border-top: 0;
        border-left: 3px solid white;
        border-right: 3px solid white;
        white-space: nowrap;
        text-align: center;
        font-size: 13px;
        font-family: englishfont;
        
    }
}