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




@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) {
    #maincal{
   position:relative;
        width:60%;
      right:20%;
          height:340px; 
          margin-top:30px;
          border:4px solid #d3ba6b;
          border-radius:20px;
     
    }
.harchive{
  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;

}

#tables2{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    float:right;
 
}
.headgroupdate{
  
          position:relative;
   right:15%;
   
   
}
#name{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
  width:200px;
  float:right;
 
}

#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%;

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

}
#spanddlfrom0{
  position:relative;
 right:13%;
}
#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%;

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

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

}
#btarchive0{
    width:100px;
         position:relative;
   background:#d3ba6b;
   left:1%;
 

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

#btarchive{
    width:100px;
         position:relative;
   background:#d3ba6b;
   right:15%;
 

}





    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) {
.harchive{
  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%;
   
   left:5%;

}
#tables{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    float:right;
   
}
#tables2{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    float:right;
 
}
.headgroupdate{
  
          position:relative;
   right:15%;
   
}
#name{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
  width:200px;
  float:right;
 

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

}

    #maincal{
        width:70%;
         margin-right:15%;
          height:340px; 
          margin-top:30px;
          border:4px solid #d3ba6b;
          border-radius:20px;
    }
#txta
{
    border:2px solid #d3ba6b;

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

}
#btcal{
    position:relative;
    right:31%;
   background:#d3ba6b;
    text-align:center;
    width:90px;
    bottom:60px;
}
#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:260%;
bottom:34px;

}
#tspan{
  font-weight:bold;


position:relative;
right:170%;
bottom:34px;
}
#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;
  bottom:110px;
  right:74%;
}
#btarchive{
    width:100px;
         position:relative;
   background:#d3ba6b;
   right:10%;
 

}
#btarchive0{
    width:100px;
         position:relative;
   background:#d3ba6b;
   left:10%;
 
      background:#d3ba6b;
}



    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: 768px) and (max-width:992px) {
.harchive{
  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{
    width:170px;
    position:relative;
   
   right:5%;
   float:right;
}
.headtype{
    width:170px;
    position:relative;
   
   right:8%;
   float:right;
}
#tables{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    float:right;

}
#tables2{
      border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    float:right;
}
.headgroupdate{
   
          position:relative;
   right:11%;
   
}
#name{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
    float:right;
    width:30%;
    
 
}#txtAmount{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:36px;
    float:right;
    width:30%;
    
 
}
 .valuetype{
     position:relative;
   width:15%;
   
   left:5%;

}
    #maincal{
        width:76%;
         margin-right:12%;
          height:340px; 
          margin-top:30px;
          border:4px solid #d3ba6b;
          border-radius:20px;
    }
#txta
{
    border:2px solid #d3ba6b;

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

}
#btcal{
    position:relative;
    right:42%;
   background:#d3ba6b;
    text-align:center;
    width:90px;
    bottom:60px;
}
#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:245%;

}
#spanconvert{
  font-weight:bold;

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

}
#tspan{
  font-weight:bold;


position:relative;
right:46%;
bottom:34px;
}
#ddlTo{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
right:75%;

}
#ddltospan{
    position:relative;
right:54%;
}
#res{
     border:2px solid #d3ba6b;
     width:160px;
    position:relative;
  bottom:110px;
  right:70%;
}
#btarchive{
    width:50px;
         position:relative;
   background:#d3ba6b;
   right:10%;
}

#btarchive0{
    width:100px;
         position:relative;
   background:#d3ba6b;
   left:8%;
}




    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) {
.harchive{
  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{
    width:210px;
    position:relative;
   
   right:5%;

}
.headtype{
    width:210px;
    position:relative;
   top:15px;
   right:5%;
 
}
#tables{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  

}
 .valuetype{
     position:relative;
   width:15%;
   
   right:1%;

}
    #maincal{
        position:relative;
        width:60%;
      margin-right:20%;
      padding-left:800px;
       text-align:center;
     border:2px solid #d3ba6b;
     padding:30px;
    }
#txta
{
    position:relative;
    border:2px solid #d3ba6b;
    bottom:15px;
}
#ddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;


}
#btcal{
  
   background:#d3ba6b;
    text-align:center;
    width:90px;
    bottom:60px;
}
    #spanddlFrom {
        border: 2px solid #d3ba6b;
        color: black;
        font-weight: bold;
 

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

}
#spanconvert{
  font-weight:bold;

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

  position:relative;
  margin:0;

  top:30px;
}
#tspan{
  font-weight:bold;
  position:relative;
  top:30px;

  right:4%;

}
#ddlTo{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    top:30px;
     margin:0;

}
#ddltospan{

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

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

}
#txtAmount{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:36px;
   
   
    width:190px;
}
.headgroupdate{
    width:350px;
          position:absolute;
   top:26px;
   margin-right:5%;
}
#name{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
   
   
    width:160px;
}
#btarchive{
    width:60px;
         position:relative;
   background:#d3ba6b;
  top:50px;
  left:20%;
}

#btarchive0{
    width:100px;
         position:relative;
   background:#d3ba6b;
   left:8%;
   top:44px;
}







    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:-100px;
        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) {

.harchive{
  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{
    width:210px;
    position:relative;
   
   right:5%;

}
.headtype{
    width:210px;
    position:relative;
   top:15px;
   right:5%;
 
}
#tables{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  

}
 .valuetype{
     position:relative;
   width:15%;
   
   right:4%;

}
    #maincal{
        position:relative;
        width:96%;
      margin-right:2%;
      padding-left:800px;
       text-align:center;
     border:2px solid #d3ba6b;
     padding:30px;
    }
#txta
{
    border:2px solid #d3ba6b;

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


}
#btcal{
  
   background:#d3ba6b;
    text-align:center;
    width:90px;
    bottom:60px;
}
#spanddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
 

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


}
#spanconvert{
  font-weight:bold;

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

  position:relative;
 margin:0;

  top:30px;
}
#tspan{
  font-weight:bold;
  position:relative;
  top:30px;




}
#ddlTo{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    top:30px;
   margin:0;
}
#ddltospan{

    position:relative;
  
    top:30px;
}
#res{
     border:2px solid #d3ba6b;
     width:160px;

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

}
#txtAmount{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:36px;
   
   
    width:190px;
}
.headgroupdate{
    width:350px;
          position:absolute;
   top:26px;
   margin-right:5%;
}
#name{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
   
   
    width:160px;
}
#btarchive{
    width:60px;
         position:relative;
   background:#d3ba6b;
  top:50px;
  left:46%;
}

#btarchive0{
    width:100px;
         position:relative;
   background:#d3ba6b;
   left:28%;
   top:49px;
}







    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: 97%;
        position: relative;
      bottom:-130px;
        right: 1.5%;
    }
     
    
    .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) {

   .harchive{
  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{
    width:210px;
    position:relative;
   
   left:1%;

}
.headtype{
    width:210px;
    position:relative;
   top:15px;
   right:5%;
 
}
#tables{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  

}
 .valuetype{
     position:relative;
   width:15%;
   
   left:1%;

}
    #maincal{
        position:relative;
        width:96%;
      margin-right:2%;
      padding-left:800px;
       text-align:center;
     border:2px solid #d3ba6b;
     padding:30px;
    }
#txta
{
    border:2px solid #d3ba6b;
    position:relative;
    bottom:10px;
}
#ddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  margin:0;


}
#btcal{
  
   background:#d3ba6b;
    text-align:center;
    width:90px;
    bottom:60px;
}
#spanddlFrom{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
 

}
#convert{
      border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
  position:relative;
  margin:0;

}
#spanconvert{
  font-weight:bold;

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

 margin:0;
  top:30px;
}
#tspan{
  font-weight:bold;
  position:relative;
  top:30px;

 

}
#ddlTo{
    border:2px solid #d3ba6b;
  color:black;
  font-weight:bold;
    top:30px;
    margin:0;

}
#ddltospan{

    position:relative;
   top:30px;
}
#res{
     border:2px solid #d3ba6b;
     width:160px;

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

}
#txtAmount{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:36px;
   
   
    width:190px;
}
.headgroupdate{
    width:350px;
          position:absolute;
   top:26px;
   margin-right:5%;
}
#name{
    border:2px solid #d3ba6b;
   color:black;
  font-weight:bold;
    height:32px;
   
   
    width:160px;
}
#btarchive{
    width:60px;
         position:relative;
   background:#d3ba6b;
  top:50px;
  left:46%;
}
#btarchive0{
    width:100px;
         position:relative;
   background:#d3ba6b;
   right:34%;
   top:5px;
}

#result{
    position:relative;
        bottom:30px;

        right:12%;
}

#result0{
    position:relative;
    bottom:30px;
        right:12%;

}

    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: 97%;
        position: relative;
      bottom:-110px;
        right: 1.5%;
    }
     
    
    .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;
        
    }
}