*{
    padding: 0;
    margin: 0;
}
.contain{
    width: 90%;
    background: #1b2c19;
    color: #fff;
    padding: 30px;
    padding-bottom: 3rem;  
}
.dextophead{
    background: #1b2c19;


}
.dash{
    background: #d887c7a2;
    font-size: 20px;
    color: red;
}
.symbol{
    position: absolute;
    background-color: #fff;
    border: 5px solid #1b2c19;
    width: 5rem;
    height: 5rem;
    border-radius: 3rem 3rem ;
    margin-top: 20rem;
}
.symbol2{
    position: absolute;
    background-color: #fff;
    border: 6px solid #1b2c19;
    width: 5rem;
    height: 5rem;
    border-radius: 3rem 3rem ;
    margin-top: 1rem;
    margin-left: 3.5rem;
}
.symbolt2{
    position: absolute;
    margin-top: -1.5rem;
    margin-left: 5rem;
}
.symbolt{
    font-size: 4rem;
    color: #1b2c19;
    text-align: center;
}
.symbolth2{
    font-size: 4rem;
    color: #1b2c19;
    text-align: center;
}

.symbolt1{
    position: absolute;
    margin-top: -3rem;
    margin-left: 1.7rem;
}
.wrapper{
    position: absolute;
    width: 83%;
    padding-bottom: 1rem;
    background-color: #fff;
    top: 0%;
    left: 12rem;
    padding-left: 1rem;
}
.head{
    color: #fff;
    position: absolute;
    font-size: 3rem;
    margin-top: 6rem;
    margin-left: 1rem;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', ;
}
.heads{
    color: #fff;
    position: absolute;
    font-size: 1.8rem;
    margin-top: 8.5rem;
    margin-left: 2rem;
    font-family: 'Lucida Sans Unicode';
}
.transhead{
    position: absolute;
    border: 1px solid black;
    width: 6rem;
    height: 6rem;
    background: #e4b8f0;
    margin-top: 5rem;
    margin-left: 2rem;
}
.transhead1{
    margin-left: 2rem;
    position: absolute;
    border: 1px solid black;
    width: 6rem;
    height: 6rem;
    background: #e4b8f0;
    margin-top: 12rem;
}
.transhead2{
    margin-left: 2rem;
    position: relative;
    border: 1px solid black;
    width: 6rem;
    height: 6rem;
    background: #e4b8f0;
    margin-top: 20rem;
}
.texthead{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 17px;
    text-align: center;
    width: 90px;
}
.trans{
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
}
.text{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 27px;
    text-align: center;
}
.text1{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 22px;
    text-align: center;
}
.ahtr{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 13.3px;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    text-align: center;
    text-decoration: none;
    
}
.ahtr:hover{
    background: #1b2c19;
    color: #fff;

}

.ahcp{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 13.7px;
    padding-top: 0.2rem;
    padding-bottom: 0.8rem;
    padding-left: 0.3rem;
    padding-right: 0.2rem;
    text-align: center;
    text-decoration: none;
    
}
.ahcp:hover{
    background: #1b2c19;
    color: #fff;
    font-size: 10px;
    padding: 4;

}

.ahlg{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 15px;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    text-align: center;
    text-decoration: none;
    
}
.ahlg:hover{
    background: #1b2c19;
    color: #fff;
    font-size: 10px;
    padding: 4;

}


.ah1{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 10px;
    padding-top: 0.6rem;
    padding-bottom: 0.8rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    text-align: center;
    text-decoration: none;
    
}
.ah1:hover{
    background: #1b2c19;
    color: #fff;
    font-size: 10px;
    padding: 4;

}
.ah2{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 22px;
    padding-bottom: 0.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    text-align: center;
    text-decoration: none;
}
.ah2:hover{
    background: #1b2c19;
    color: #fff;

}
.ah3{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 15px;
    padding-bottom: 0.5rem;
    padding-top: 0.8rem;
    padding-left: 0.9rem;
    padding-right: 0.9rem;
    text-align: center;
    text-decoration: none;
}
.ah3:hover{
    background-color: #1b2c19;
    color: #fff;
}
.ah4{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 18px;
    padding-bottom: -3.5rem;
    padding-top: -2rem;
    padding-left: 0rem;
    padding-right: 0rem;
    text-align: center;
    text-decoration: none;
}
.ah4:hover{
    background-color: #1b2c19;
    color: #fff;
}
.ah5{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 13px;
    padding-bottom: -3.5rem;
    padding-top: -2rem;
    padding-left: 0rem;
    padding-right: 0rem;
    text-align: center;
    text-decoration: none;
}
.ah5:hover{
    background-color: #1b2c19;
    color: #fff;
}
.ah16{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 11.7px;
    padding-bottom: 0.2rem;
    padding-top: 0.3rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    text-align: center;
    text-decoration: none;
}
.ah16:hover{
    background-color: #1b2c19;
    color: #fff;
}
.ah6{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 11.7px;
    padding-bottom: 0.2rem;
    padding-top: 0.3rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    text-align: center;
    text-decoration: none;
}
.ah6:hover{
    background-color: #1b2c19;
    color: #fff;
}
.ah7{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 11.5px;
    padding-top: 0.5rem;
    padding-right: 0.1rem;
    padding-bottom: 0.7rem;
    text-align: center;
    text-decoration: none;
}
.ah7:hover{
    background-color: #1b2c19;
    color: #fff;
}
.ah17{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 11.5px;
    padding-top: 0.5rem;
    padding-right: 0.1rem;
    padding-bottom: 0.7rem;
    text-align: center;
    text-decoration: none;
}
.ah17:hover{
    background-color: #1b2c19;
    color: #fff;
}
.ah8{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 11.5px;
    padding-top: 0.2rem;
    padding-bottom: 0.7rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    text-align: center;
    text-decoration: none;
}
.ah8:hover{
    background-color: #1b2c19;
    color: #fff;
}
.ah9{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 11px;
    padding-top: 0.2rem;
    padding-bottom: 0.7rem;
    padding-left: 0.5rem;
    padding-right: 0.6rem;
    text-align: center;
    text-decoration: none;
}
.ah9:hover{
    background-color: #1b2c19;
    color: #fff;
}
.ah10{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 12px;
    padding-top: 0.2rem;
    padding-bottom: 0.8rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    text-align: center;
    text-decoration: none;
}
.ah10:hover{
    background-color: #1b2c19;
    color: #fff;
}
.ah12{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 11.4px;
    padding-top: 0.5rem;
    padding-bottom: 0.8rem;
    padding-right: 0.7rem;
    padding-left: 0.7rem;
    text-align: center;
    text-decoration: none;
}
.ah12:hover{
    background-color: #1b2c19;
    color: #fff;
}
.ah13{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 11.5px;
    padding-top: 0.5rem;
    padding-bottom: 0.8rem;
    padding-right: 0.2rem;
    padding-left: 0.3rem;
    text-align: center;
    text-decoration: none;
}
.ah13:hover{
    background-color: #1b2c19;
    color: #fff;
    }
.ah14{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 12px;
    padding-top: 0.5rem;
    padding-bottom: 0.8rem;
    padding-right: 1.3rem;
    padding-left: 1.3rem;
    text-align: center;
    text-decoration: none;
}
.ah14:hover{
    background-color: #1b2c19;
    color: #fff;
    }
.ah15{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 11.5px;
    padding-top: 0.5rem;
    padding-bottom: 0.8rem;
    padding-right: 0.7rem;
    padding-left: 1rem;
    text-align: center;
    text-decoration: none;
}
.ah15:hover{
    background-color: #1b2c19;
    color: #fff;
    }    
.trans1{
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 5.5rem;
    margin-top: -24em;
}
.trans2{
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 5.5rem;
    margin-top: 1.2rem;
}
.trans3{
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 5.5rem;
    margin-top: 1.2rem;
}
.trans4{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 11rem;
    margin-top: -24rem;
}
.trans5{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 11rem;
    margin-top: -11.4rem;
}
.trans6{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 11rem;
    margin-top: -5.1em;
}
.trans7{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 11rem;
    margin-top: -17.6rem;
}
.trans8{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 17rem;
    margin-top: -17.5rem;
}
.trans9{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 17rem;
    margin-top: -11.3rem;
}
.trans10{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 17rem;
    margin-top: -26.2rem;
}
.trans11{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 48rem;
    margin-top: -26.3rem;
}
.trans12{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 37rem;
    margin-top: -17.3rem;
}
.imgtr{
    position: absolute;
    height: 4rem;
    width: 6rem;
    margin-top: 11.5rem;
    margin-left: -3rem;
}
.imgps{
    position: absolute;
    height: 3rem;
    width: 5rem;
    margin-top: 19rem;
    margin-left: -2.5rem;
}
.imglg{
    position: absolute;
    height: 3.4rem;
    width: 5.2rem;
    margin-top: -5.7rem;
    margin-left: 2.5rem;
}
.imgact{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
    margin-top: -5rem;
}

.img{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
}
.img1{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
    margin-top: -5rem;
    margin-left: -0.1rem;
}
.img2{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
    margin-left: 5.5rem;
    margin-top: -5rem;
}
.img3{
    position: absolute;
    height: 3.55rem;
    width: 5rem;
    margin-left: 5.5rem;
    margin-top: -5rem;
}
.img4{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
    margin-left: 5.5rem;
    margin-top: -5rem;
}
.img5{
   
    position: absolute;
    height: 3rem;
    width: 4.5rem;
    margin-left: 11.3rem;
    margin-top: -23.8rem;
}
.img6{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
    margin-top: -4.4rem;
    margin-left: 0.5rem;
}
.img7{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
    margin-top: -4.3rem;
    margin-left: 0rem;
}
.img8{
    position: absolute;
    height: 3rem;
    width: 5rem;
    margin-top: -5rem;
    margin-left: 5.5rem;
}
.img9{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
    margin-top: -5rem;
    margin-left: 0.1rem;
}
.img10{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
    margin-left: 11rem;
    margin-top: -11.3rem;
}
.img11{
    position: absolute;
    height: 2.5rem;
    width: 4.4rem;
    margin-left: 17.2rem;
    margin-top: -25.7rem;
}.img12{
    position: absolute;
    height: 2.5rem;
    width: 4.4rem;
    margin-left: 17.4rem;
    margin-top: -17rem;
}.img13{
    position: absolute;
    height: 2.5rem;
    width: 4.3rem;
    margin-left: 17.5rem;
    margin-top: -10.9rem;
}
.bright{
    background: #1b2c19;
}
.cloth{
    position: relative;
    background: mistyrose;
    width: 70%;
    height: 150vh;
    margin-left: 12.7rem;

    
}
.headex{
    color: mistyrose;
    font-size: 2.5rem;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
}
.exheadex{
    color: #1b2c19;
    background-color: mistyrose;
    font-size: 2.5rem;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
}
.headex1{
    color: #1b2c19;
    font-size: 2.5rem;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
}
.headext{
    color: #1b2c19;
    font-size: 2rem;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
}
.mytable{
    font-size: 12px;
    margin-left: -26rem;
    margin-top: 10rem;
}
.reportedit{
    margin-left: 35rem;
    margin-bottom: 5rem;
}
table{
    position: relative;
    margin-left: 12rem;
    margin-bottom: 7rem;
}
.try{
    position: absolute;
    margin-top: -35rem;
    margin-left: 22rem;
}
.try1{
    position: absolute;
    margin-top: -27rem;
    margin-left: 22rem;
}
.try2{
    position: absolute;
    margin-top: -24rem;
    margin-left: 22rem;
}
.try3{
    position: absolute;
    margin-top: -25rem;
    margin-left: 22rem; 
}
.try4{ 
    position: absolute;
    margin-top: -10rem;
    margin-left: 30rem; 
}
.upbutton{
    position: absolute;
    margin-top: -8.2rem;
    margin-left: 13rem;
    padding: 2rem;
}
.mycomonclick{
    position: absolute;
}
.mycomh{
    font-size: 15px;
    color: #fff;
    text-align: center;
    background: #1b2c19;
}
.mycomh:hover{
    background: purple;
}
.suc{
    color: red;
    font-family: 'Times New Roman';
}
.mycom{
    position: absolute;
    background: purple;
    border: purple;
    width: 2rem;
    margin-top: -41.5rem;
    margin-left: 24rem; 
}

.mycomh1{
    padding: 0.5rem;
    font-size: 15px;
    color: #fff;
    text-align: center;
    background: #1b2c19;
}
.mycomh1:hover{
    background: purple;
}
.container{
    position: absolute;
    margin-top: -10rem;
    margin-left: 1rem;
}
.transactcontainer{
    position: absolute;
    margin-top: 1rem;
    margin-left: 1rem;
}
.devisecontainer{
    position: absolute;
    margin-top: -6rem;
    margin-left: 1rem;
}
.groupcontain{
    position: absolute;
    margin-top: -1.5rem;
    margin-left: 1rem;
}
.tranferh2{
    font-size: 2rem;
    background-color: #1b2c19;
    color: #fff;
    text-align: center;
}
.tranfercontainer{
    position: absolute;
    margin-left: 34rem;
    padding: 0.4rem;
    font-size: 1.3rem;
}
.sub{
    position: absolute;
    border: purple;
    width: 8rem;
    margin-top: 29rem;
    margin-left: 32rem;
    cursor: pointer;
}
.subh1{
    padding: 1rem;
    padding-top: 0.7rem;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #1b2c19;
    border-radius: 10px 10px;
}
.sub1{
    position: absolute;
    border: purple;
    width: 8rem;
    margin-top: 29rem;
    margin-left: 42rem;
    cursor: pointer;
}
nav{
    text-align: center;
    background: #1b2c19;
    margin-top: 5rem;
    margin-left: 11.8rem;
 }
  ul{
     list-style: none;
 }
  ul li{
     position: relative;
     padding: 15px 35px;
     display: inline-block;
 }
  ul li a{
     border: 3px solid #fff;
     align-items: center;
     font-family: Arial, Helvetica, sans-serif;
     color: #fff;
     font-size: 20px;
     text-decoration: none;
     text-transform: uppercase;
     font-weight: bold;
 }
  ul li a:hover{
     background: green;
     color: #fff;
     border-radius: 10px 5px;
     padding: 0.5rem;
 }nava{
    text-align: center;
    background: #1b2c19;
    margin-top: 5rem;
    margin-left: 2rem;
 }
  ul{
     list-style: none;
 }
  ul li{
     position: relative;
     padding: 15px 35px;
     display: inline-block;
 }
  ul li a{
     border: 3px solid #fff;
     align-items: center;
     font-family: Arial, Helvetica, sans-serif;
     color: #fff;
     font-size: 20px;
     text-decoration: none;
     text-transform: uppercase;
     font-weight: bold;
 }
  ul li a:hover{
     background: green;
     color: #fff;
     border-radius: 10px 5px;
     padding: 0.5rem;
 }
 .devisetable{
    font-size: 0.8rem;
    margin-left: 15rem;
    padding-right: 6rem;
    padding-left: 6rem;
    padding: 0.5rem;
    font-size: 2rem;
}
.tranfundcontain{
    margin-top: 2rem;
}
.staffcontain{
    position: absolute;
    margin-left: 2rem;
    margin-top: 3rem;
}
.homeimg{
    width: 4rem;
    height: 4rem;
}
.exhomeimg{
    width: 4rem;
    height: 4rem;
}
.transactimg{
    position: absolute;
    margin-top: -8rem;
    margin-left: 9rem;
}
.devisea{
    position: absolute;
    margin-top: 1rem;
    margin-left: 3rem;
    padding: 0rem;
}
.version{
    position: absolute;
    margin-top: -7.8rem;
    margin-left: -15rem;
}
.updatebutton{
    position: absolute;
    border: purple;
    width: 7rem;
    margin-top: 2rem;
    margin-left: 34rem;
}
.updatebuttonh1{
    padding-top: 0.7rem;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #1b2c19;
    border-radius: 10px 10px;
}
.updatebuttonh1:hover{
    background: purple;
}
.cancel{
    position: absolute;
    border: purple;
    width: 7rem;
    margin-top: 2rem;
    margin-left: 40rem;
}
.cancelbuttonh1{
    padding-top: 0.7rem;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #1b2c19;
    border-radius: 10px 10px;
}
.cancelbuttonh1:hover{
    background: purple;
}
.edit{
    margin-left: 10rem;
    font-size: 1.3rem;
    margin-left: 32rem;
    padding-right: 6rem;
    padding-left: 6rem;
    padding: 1rem;
}
.abo{
    position: absolute;
    margin-left: 10rem;
}
.lastbutton{
    position: absolute;
    padding: 0.8rem; 
    background: #1b2c19;    
    margin-left: 22rem;
    margin-top: 0.5rem; 
    color: #fff;
    }

.customedit{
    margin-left: 10rem;
    font-size: 1.3rem;
    margin-left: 32rem;
    padding-right: 6rem;
    padding-left: 6rem;
    padding: 1rem;
}
.passedit{
    margin-left: 10rem;
    font-size: 1.3rem;
    margin-left: 32rem;
    padding-right: 6rem;
    padding-left: 6rem;
    padding: 1rem;
}
.staffedit{
    margin-left: 10rem;
    font-size: 1.3rem;
    margin-left: 32rem;
    padding-right: 6rem;
    padding-left: 6rem;
    padding: 1rem;
}
.useredit{
    margin-left: 10rem;
    font-size: 1.3rem;
    margin-left: 32rem;
    padding-right: 6rem;
    padding-left: 6rem;
    padding: 1rem;
}
.ph3{
    border: 2px solid #1b2c19;
    padding: 0.6rem;
    text-align: center;
    padding-top: -1rem;
}
.statusimg{
  position: absolute;
  margin-top: -10rem;
  margin-left: -25rem; 
}
.invoiceimg{
    position: absolute;
    margin-top: -2rem;
    margin-left: 9rem; 
}
.afusimg{
    position: absolute;
    margin-top: -7rem;
    margin-left: -25rem; 
}
.usimg{
    position: absolute;
    margin-top: -10rem;
    margin-left: -25rem; 
  
  }
.country{
    position: relative;
    margin-left: 23rem;
    margin-top: 2rem;
    font-size: 1.6rem;
}
.country1{
    position: absolute;
    margin-left: 37rem;
    margin-top: -14rem;
    font-size: 1.6rem;
}
.ph{
    width: 8rem;
    border: 3px solid black;
    padding: 0.6rem;
}
.ph1{
    padding: 0.6rem;
    width: 8rem;
    border: 3px solid black;
}
.converedit{
    margin-left: 25rem;
    margin-bottom: 14rem;
    padding-bottom: 1rem;
    font-size: 2rem;
}
.conver{
    position: absolute;
    padding: 1rem;
    padding-right: 5rem;
    width: 5rem;
    background: green;
    margin-top: 2rem;
    margin-left: 35rem;
}
.updatebutton2{
    position: absolute;
    border: purple;
    width: 7rem;
    margin-top: 3rem;
    margin-left: 37rem;
    padding-bottom: 3rem;
}
.converh6{
    margin-left: 23rem;
    position: absolute;
    margin-top: 2.2rem;
    font-size: 1.5rem;
    color: green;
    font-family: 'Times New Roman', Times, serif;
}
.save{
    position: absolute;
    border: purple;
    width: 8rem;
    margin-top: 5rem;
    margin-left: 27rem;
    cursor: pointer;
}
.saveh1{
    padding: 1rem;
    padding-top: 0.7rem;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    background: #1b2c19;
    border-radius: 10px 10px;
}
.saveh1:hover{
    background: green;
}
.clear{
    position: absolute;
    border: purple;
    width: 8rem;
    margin-top: 5rem;
    margin-left: 37rem;
    cursor: pointer;
}
.clearh1{
    padding: 1rem;
    padding-top: 0.7rem;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    background: #1b2c19;
    border-radius: 10px 10px;
}
.clearh1:hover{
    background: red;
}
.per{
   position: absolute;
   margin-left: 10rem;   
}

.can{
    position: absolute;
    border: purple;
    width: 8rem;
    margin-top: 5rem;
    margin-left: 37rem;
    cursor: pointer;
}
.canbuttonh1{
    margin-left: 1rem;
    padding: 1rem;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    background: red;
    color: #fff;
}
 
.logindiv{
    margin-left: 26.5rem;
    margin-top: 5rem;
    border: 10px solid #1b2c19;
    width: 28%;
    padding: 2rem;
    padding-left: 7rem;
    padding-right: 0;
    padding-top: 3rem;
}
.longin2{
    margin-top: 10rem;
}
.h1{
    text-align: center;
    font-size: 2.5rem;
    padding-top: 1.3rem;
    font-family: 'Times New Roman', Times, serif; 
    color: #1b2c19; 
}
.pasta{
    text-align: center;
    font-size: 2.5rem;
    color: #fff;
    background: #1b2c19;
    margin-top: 4rem;
    text-align: center;
}
.payimg{
    height: 4rem;
    width: 4rem;
    position: absolute;
    margin-top: 1rem;
    margin-left: -3.5rem;
}
.finishbutton{
    position: absolute;
    border: purple;
    width: 7rem;
    margin-top: 2rem;
    margin-left: 34rem;
}
.firstbutton{
    position: absolute;
    padding: 0.5rem; 
    background: #1b2c19;    
    margin-left: 12.5rem;
    margin-top: -0.5rem; 
    color: #fff;
    }
.finishbuttonh1{
    padding-top: 0.7rem;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #1b2c19;
    border-radius: 10px 10px;
}
.finishbuttonh1:hover{
    background: purple;
}
.cancelpay{
    position: absolute;
    border: purple;
    width: 7rem;
    margin-top: 2rem;
    margin-left: 40rem;
}
.cancelpaybuttonh1{
    padding-top: 0.7rem;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: red;
    border-radius: 10px 10px;
}
.cancelpaybuttonh1:hover{
    background: purple;
}
.payh6{
    position: absolute;
    color: #1b2c19;
    font-size: 3rem;
    margin-top: -4rem;
    margin-left: 13rem;
}
.cashmove{
    font-size: 1.5rem;
    margin-left: 30rem;
    padding-right: 6rem;
    padding-left: 6rem;
    padding: 1rem;
}

.cashinbuttonh1{
    margin-left: -2rem;
    padding: 1rem;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    background: #333;
    color: #fff;
}
.cashoutbuttonh1{
    margin-left: 1rem;
    padding: 1rem;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    background: darkgreen;
    color: #fff;
}
.cashdiv{
    margin-top: 7rem;
    padding: 1rem;
    background: #1b2c19;
}
.footer{
    padding: 1rem;
    margin-bottom: 0;
    background-color: #1b2c19;
}
.can{
    position: absolute;
    border: purple;
    width: 8rem;
    margin-top: 2rem;
    margin-left: 7rem;
    cursor: pointer;
}
.canbuttonh1{
    margin-left: 1rem;
    padding: 1rem;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    background: red;
    color: #fff;
}
.crea{
    position: absolute;
    border: purple;
    width: 8rem;
    margin-top: 2rem;
    margin-left: 1.5rem;
    cursor: pointer;
}
.datediv{
    margin-left: 28rem;
}
.transbutton{
    background-color: #1b2c19;
    margin-top: 0.3rem;
    margin-left: 32rem;
    color: #fff;
    padding: 0.7rem;
}
.transbutton:hover{
    background-color: red;
    color: #fff;
}
.passbutton{
    background-color: #1b2c19;
    margin-top: 0.3rem;
    margin-left: 36rem;
    color: #fff;
    padding: 0.7rem;
}
.passbutton:hover{
    background-color: red;
    color: #fff;
}

.mobile-menu{
    display: none;
}
.refundsearchbutton{
    position: absolute;
    margin-left: 45.5rem;
    margin-top: -30.6rem;
}
.refundsearch{
    padding: 0.5rem;
    background-color: #1b2c19;
    color: #fff;
}
.refundsearch:hover{
    background-color: #1b2c19;
    color: #fff;
}
.refundsubmitbutton{
    position: absolute;
    margin-left: 33.3rem;
}
.refundsubmit{
    padding: 0.5rem;
    color: #fff;
    background-color: #1b2c19;
}
.refundsubmit:hover{
    background-color: #1b2c19;
    color: #fff;
}
.refundsearchbutton:hover{
    background-color: #1b2c19;
    color: #fff;
}
.refundcancelbutton{
    position: absolute;
    margin-left: 41rem;
}
.refcancel{
    padding: 0.5rem;
    background-color: red;
    color: #fff;
}
.refcancel:hover{
    background-color: #1b2c19;
    color: #fff;
}
.ttable{
    margin-left: 24rem;
    border: 2px solid;
}
.ttable th{
    font-size: 20px;
}
.form-login-message{
    margin-top: -2rem;
}
  @media (max-width: 768px) {
     .h1{
        text-align: center;
        font-size: 2.5rem;
        padding-top: 1.3rem;
        font-family: 'Times New Roman', Times, serif; 
        color: #1b2c19;
     }
     .logindiv{
        margin-left: 1.7rem;
        margin-top: 1rem;
        background: #fff; 
        width: 70%; 
        padding: 3rem;
        padding-right: 0rem; 
        border: 7px solid #1b2c19;
     }
     .h2login{
        color: #1b2c19;
        font: 100;
     }
   .container{
        position: absolute;
        margin-top: 3rem;
    }
    .devisecontainer{
        position: absolute;
        margin-top: -5rem;
    }
    .groupcontain{
         position: absolute;
         margin-top: -4.2rem;
     }
    .devisetable{
        font-size: 0.9rem;
        margin-left: 0.5rem;
   }
   .devisetable td{
        font-size: 0.9rem;
   }
   .homeimg{
       margin-left: -4rem;
   }
   .exhomeimg{
    margin-left: -4.5rem;
    }
   nav{
       margin-left: -2rem;
       padding-left: 4rem;
   }
    ul li{
       padding: 18px 18px;
       padding-left: -8rem;
       padding-right: 6rem;
   }
   .edit{
    margin-left: 3rem;
    }
    .staffedit{
        margin-left: 3rem;
        margin-top: 11rem;
    }
    .useredit{
        margin-left: 6rem;
        margin-bottom: 14rem;
        padding-bottom: 10rem;
    }
    .converedit{
        margin-left: 6rem;
        margin-bottom: 14rem;
        padding-bottom: 10rem;
        font-size: 1.5rem;
    }
    .reportedit{
        margin-left: 20rem;
        font-size: 1.8rem;
        margin-top: 80rem;
    }
    .customedit{
       margin-top: 12rem;
       margin-left: 4rem;
    }
    .passedit{
        margin-top: 2rem;
        margin-left: 4rem;
     }
    .mytable{
        font-size: 12px;
        margin-left: 0.2rem;
        margin-top: 10rem;

    }
    .th{
        font-size: 0.8rem;
    }
    .updatebutton{
        position: absolute;
        border: purple;
        width: 7rem;
        margin-top: 2rem;
        margin-left: 5rem;
        padding-bottom: 3rem;
    }
    .updatebutton2{
        position: absolute;
        border: purple;
        width: 7rem;
        margin-top: 3rem;
        margin-left: 5rem;
        padding-bottom: 3rem;
    }
    .cancel{
        position: absolute;
        border: purple;
        width: 7rem;
        margin-top: 2rem;
        margin-left: 11rem;
        margin-bottom: 1rem;
    }
    .finishbutton{
        position: absolute;
        border: purple;
        width: 7rem;
        margin-top: 2rem;
        margin-left: 5rem;
        padding-bottom: 3rem;
    }
    .cancelpay{
        position: absolute;
        border: purple;
        width: 7rem;
        margin-top: 2rem;
        margin-left: 11rem;
        margin-bottom: 1rem;
    }
    .country{
        position: relative;
        margin-left: 1rem;
        margin-top: 6rem;
        font-size: 1.3rem;
    }
    .country1{
        position: absolute;
        margin-left: 9.5rem;
        margin-top: -16rem;
        font-size: 1.3rem;
    }
    .ph{
        width: 4.6rem;
        border: 2px solid black;
    }
    .ph1{
        width: 4.6rem;
        border: 2px solid black;
    }
    
    .conver{
        position: absolute;
        padding: 1rem;
        padding-right: 1rem;
        width: 5rem;
        background: green;
        margin-top: 2rem;
        margin-left: 11rem;
    }
    .converh6{
        position: absolute;
        margin-top: 2.2rem;
        font-size: 1.2rem;
        margin-left: 1rem;
        color: green;
        font-family: 'Times New Roman', Times, serif;
    }
    .save{
        position: absolute;
        border: purple;
        width: 8rem;
        margin-top: 5rem;
        margin-left: 1.5rem;
        cursor: pointer;
    }
    .saveh1{
        padding: 1rem;
        padding-top: 0.7rem;
        font-size: 20px;
        color: #fff;
        text-align: center;
        background: #1b2c19;
        border-radius: 10px 10px;
    }
    .clear{
        position: absolute;
        border: purple;
        width: 8rem;
        margin-top: 5rem;
        margin-left: 12rem;
        cursor: pointer;
    }
    .clearh1{
        padding: 1rem;
        padding-top: 0.7rem;
        font-size: 20px;
        color: #fff;
        text-align: center;
        background: #1b2c19;
        border-radius: 10px 10px;
    }
    .tranfercontainer{
        position: absolute;
        margin-left: 4rem;
        padding: 1rem;
        font-size: 1.3rem;
    }
    .sub{
        position: absolute;
        border: purple;
        width: 8rem;
        margin-top: 29rem;
        margin-left: 4rem;
        cursor: pointer;
    }.sub1{
        position: absolute;
        border: purple;
        width: 8rem;
        margin-top: 29rem;
        margin-left: 12rem;
        cursor: pointer;
    }.try{
        position: relative;
        margin-left: 22rem;
    }
    .try1{
        position: relative;
        margin-top: -10rem;
        margin-left: 22rem;
    }
    .try2{
        position: relative;
        margin-top: -10rem;
        margin-left: 22rem;
    }
    .try3{
        position: relative;
        margin-top: -10rem;
        margin-left: 22rem; 
    }
    .cloth{
        position: absolute;
        background: mistyrose;
        margin-left: 1.8rem;
        margin-right: 0;
        padding-left: 3rem;
        padding-bottom: 19rem;
        margin-bottom: -3rem;
    }
    .headex{
        color: mistyrose;
        font-size: 2.5rem;
        text-align: center;
        font-family: 'Times New Roman', Times, serif;
    }
    .exheadex{
        color: #1b2c19;
        font-size: 2.5rem;
        background: mistyrose;
        text-align: center;
        font-family: 'Times New Roman', Times, serif;
    }
    table{
        position: absolute;
        font-size: 2rem;
        margin-left: -1rem;
    }
    table td{
        position: relative;
        font-size: 1rem;
    }
    .bright{
        background-color: #1b2c19;
    }
    .upbutton{
        position: absolute;
        width: 4rem;
        margin-top: 67rem;
        margin-left: 2rem;
    }
    .upbutton2{
        position: absolute;
        width: 4rem;
        margin-top: 30rem;
        margin-left: 2rem;
    }
    .mycom{
        position: absolute;
        background: purple;
        border: purple;
        width: 2rem;
        margin-top: 1.3rem;
        margin-left: 12.3rem; 
    }
    .pasta{
        text-align: center;
        font-size: 1.7rem;
        color: #fff;
        background: #1b2c19;
        margin-top: 2rem;
    }
    .payimg{
        position: absolute;
        margin-top: 4rem;
        margin-left: -3rem;
        height: 3.7rem;
        width: 3.7rem;
    }
    .payh6{
        position: relative;
        color: #1b2c19;
        font-size: 2rem;
        margin-top: 1rem;
        margin-left: 8rem;
    }
    .payment{
        margin-left: 4rem;
    }
    .finish{
        position: absolute;
        border: purple;
        width: 8rem;
        margin-top: -10rem;
        margin-left: 7rem;
        cursor: pointer;
    }
    .finish1{
        padding: 0.5rem;
        padding-top: 0.7rem;
        font-size: 20px;
        color: #fff;
        text-align: center;
        background: #1b2c19;
        border-radius: 10px 10px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .cashmove{
        margin-left: 3rem;
        margin-bottom: 15rem;
    }
    .cashinbuttonh1{
        margin-left: -2rem;
        padding: 1rem;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1rem;
        background: #333;
        color: #fff;
    }
    .cashoutbuttonh1{
        margin-left: 1rem;
        padding: 1rem;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1rem;
        background: darkgreen;
        color: #fff;
    }
    .footer{
        padding: 1rem;
        margin-bottom: 0;
        background-color: #1b2c19;
    }
    .liactive{
        font-size: 2rem;
        padding: 0;
        padding-bottom: 1rem;
        text-align: center;
    }    
    .canbuttonh1{
        margin-left: 1rem;
        padding: 1rem;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1rem;
        background: red;
        color: #fff;
    }
    .can{
        position: absolute;
        border: purple;
        width: 8rem;
        margin-top: 5rem;
        margin-left: 10rem;
        cursor: pointer;
    }
    .crea{
        position: absolute;
        border: purple;
        width: 8rem;
        margin-top: 2rem;
        margin-left: 2rem;
        cursor: pointer;
    }
    .datediv{
        margin-left: 3rem;
    }
    .transbutton{
        background-color: #1b2c19;
        margin-top: 1rem;
        margin-left: 3rem;
        color: #fff;
        padding: 0.7rem;
    }
    .passbutton{
        background-color: #1b2c19;
        margin-top: 1rem;
        margin-left: 8rem;
        color: #fff;
        padding: 0.7rem;
    }
    .convertable{
        margin-left: -0rem;
        margin-bottom: 12rem;
    }
    
.trans1{
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 5.5rem;
    margin-top: -24em;
}
.trans2{
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 5.5rem;
    margin-top: 1.2rem;
}
.trans3{
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 5.5rem;
    margin-top: 1.2rem;
}
.trans5{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 29rem;
    margin-top: 13rem;
}
.trans6{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 22rem;
    margin-top: -17.3em;
}
.trans7{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 22rem;
    margin-top: -8.3rem;
}
.trans8{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 37rem;
    margin-top: -20.5rem;
}
.trans9{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 37rem;
    margin-top: -26.3rem;
}
.trans8{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 11.3rem;
    margin-top: 7.6rem;
}
.trans9{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 11.3rem;
    margin-top: 1.2rem;
}
.trans10{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 11rem;
    margin-top: 11.5rem;
}
.trans11{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 48rem;
    margin-top: -26.3rem;
}
.trans12{
    position: absolute;
    border: 1px solid black;
    width: 5rem;
    height: 5rem;
    background: #e4b8f0;
    margin-left: 37rem;
    margin-top: -17.3rem;
}
    .trans4{
        border: 1px solid black;
        width: 5rem;
        height: 5rem;
        background: #e4b8f0;
        margin-left: 11rem;
        margin-top: -24rem;
    }
    .trans5{
        border: 1px solid black;
        width: 5rem;
        height: 5rem;
        background: #e4b8f0;
        margin-left: 0.1rem;
        margin-top: 1rem;
    }
    .trans6{
        position: relative;
        border: 1px solid black;
        width: 5rem;
        height: 5rem;
        background: #e4b8f0;
        margin-left: 5.5rem;
        margin-top: 1rem;
    }
    .trans7{
        position: relative;
        border: 1px solid black;
        width: 5rem;
        height: 5rem;
        background: #e4b8f0;
        margin-left: 11rem;
        margin-top: -23.9rem;
    }
    
.imgact{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
    margin-top: -5rem;
}

.img{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
}
.img1{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
    margin-top: -5rem;
    margin-left: -0.1rem;
}
.img2{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
    margin-left: 5.5rem;
    margin-top: -5rem;
}
.img3{
    position: absolute;
    height: 3.55rem;
    width: 5rem;
    margin-left: 5.5rem;
    margin-top: -5rem;
}
.img4{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
    margin-left: 5.5rem;
    margin-top: -5rem;
}

.img8{
    position: absolute;
    height: 3rem;
    width: 5rem;
    margin-top: -5rem;
    margin-left: 5.5rem;
}
.img9{
    position: absolute;
    height: 3.5rem;
    width: 5rem;
    margin-top: -5rem;
    margin-left: 0.1rem;
}
.img11{
    position: absolute;
    height: 2.5rem;
    width: 4.4rem;
    margin-left: 11.3rem;
    margin-top: 11.8rem;
}.img12{
    position: absolute;
    height: 2.5rem;
    width: 4.4rem;
    margin-left: 11.7rem;
    margin-top: 8rem;
}.img13{
    position: absolute;
    height: 2.5rem;
    width: 4.3rem;
    margin-left: 11.7rem;
    margin-top: 1.5rem;
}
    .img5{
       
        position: absolute;
        height: 3.5rem;
        width: 5rem;
        margin-left: 11rem;
        margin-top: -23.9rem; 
    }
    .img6{
        position: absolute;
        height: 3.5rem;
        width: 5rem;
        margin-top: -4.8rem;
        margin-left: 0.4rem;
    }
    .img7{
        position: absolute;
        height: 3rem;
        width: 4.8rem;
        margin-top: -5rem;
        margin-left: 0.1rem;
    }
    .img10{
        position: absolute;
        height: 3.5rem;
        width: 5rem;
        margin-top: 1.1rem;
        margin-left: 0.1rem;
    }
    .ah1{
        color: #fff;
        background: #1b2c19;
        font-family: Arial,;
        font-size: 10.5px;
        padding-top: 0.6rem;
        padding-bottom: 0.5rem;
        padding-left: 0.4rem;
        padding-right: 0.3rem;
        text-align: center;
        text-decoration: none;
        
    }
    .ah1:hover{
        background: #1b2c19;
        color: #fff;
        font-size: 10px;
        padding: 4;
    
    }
    .ah2{
        color: #fff;
        background: #1b2c19;
        font-family: Arial,;
        font-size: 22px;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        text-align: center;
        text-decoration: none;
    }
    .ah2:hover{
        background: #1b2c19;
        color: #fff;
    
    }
    .ah3{
        color: #fff;
        background: #1b2c19;
        font-family: Arial,;
        font-size: 12px;
        padding-bottom: 0.4rem;
        padding-top: 0.8rem;
        padding-left: 0.7rem;
        padding-right: 1.2rem;
        text-align: center;
        text-decoration: none;
    }
    .ah3:hover{
        background-color: #1b2c19;
        color: #fff;
    }
    .ah4{
        color: #fff;
        background: #1b2c19;
        font-family: Arial,;
        font-size: 14px;
        padding-bottom: -3.5rem;
        padding-top: -2rem;
        padding-left: 0rem;
        padding-right: 0rem;
        text-align: center;
        text-decoration: none;
    }
    .ah4:hover{
        background-color: #1b2c19;
        color: #fff;
    }
    .ah5{
        color: #fff;
        background: #1b2c19;
        font-family: Arial,;
        font-size: 11px;
        padding-bottom: -1rem;
        padding-top: -4rem;
        padding-left: 0rem;
        padding-right: 0rem;
        text-align: center;
        text-decoration: none;
    }
    .ah5:hover{
        background-color: #1b2c19;
        color: #fff;
    }
    .ah6{
        color: #fff;
        background: #1b2c19;
        font-family: Arial,;
        font-size: 11px;
        padding-bottom: 0.1rem;
        padding-top: 0.3rem;
        padding-left: 0rem;
        padding-right: 0.1rem;
        text-align: center;
        text-decoration: none;
    }
    .ah6:hover{
        background-color: #1b2c19;
        color: #fff;
    }
    .ah16{
        color: #fff;
        background: #1b2c19;
        font-family: Arial,;
        font-size: 11px;
        padding-bottom: 0.6rem;
        padding-top: 0.3rem;
        padding-left: 0rem;
        padding-right: 0.1rem;
        text-align: center;
        text-decoration: none;
    }
    .ah16:hover{
        background-color: #1b2c19;
        color: #fff;
    }
    .ah7{
        color: #fff;
        background: #1b2c19;
        font-family: Arial,;
        font-size: 10px;
        padding-top: 0.2rem;
        padding-right: 0.1rem;
        padding-bottom: 0.6rem;
        text-align: center;
        text-decoration: none;
    }
    .ah7:hover{
        background-color: #1b2c19;
        color: #fff;
    }
    .ah17{
        color: #fff;
        background: #1b2c19;
        font-family: Arial,;
        font-size: 10px;
        padding-top: 0.2rem;
        padding-right: 0.4rem;
        padding-bottom: 0.6rem;
        text-align: center;
        text-decoration: none;
    }
    .ah17:hover{
        background-color: #1b2c19;
        color: #fff;
    }
    .ah8{
        color: #fff;
        background: #1b2c19;
        font-family: Arial,;
        font-size: 11px;
        padding-top: 0.2rem;
        padding-bottom: 0.6rem;
        padding-left: 0.4rem;
        padding-right: 0.8rem;
        text-align: center;
        text-decoration: none;
    }
    .ah8:hover{
        background-color: #1b2c19;
        color: #fff;
    }
    .ah9{
        color: #fff;
        background: #1b2c19;
        font-family: Arial,;
        font-size: 10.4px;
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        padding-left: 0.3rem;
        padding-right: 0.5rem;
        text-align: center;
        text-decoration: none;
    }
    .ah9:hover{
        background-color: #1b2c19;
        color: #fff;
    }
    .ah10{
        color: #fff;
        background: #1b2c19;
        font-family: Arial,;
        font-size: 11px;
        padding-top: 0.2rem;
        padding-bottom: 0.8rem;
        padding-left: 0.1rem;
        padding-right: 0.2rem;
        text-align: center;
        text-decoration: none;
    }
    .ah10:hover{
        background-color: #1b2c19;
        color: #fff;
    }
    .ah12{
        color: #fff;
        background: #1b2c19;
        font-family: Arial,;
        font-size: 11.4px;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-right: 0.4rem;
        padding-left: 0.3rem;
        text-align: center;
        text-decoration: none;
    }
    .ah12:hover{
        background-color: #1b2c19;
        color: #fff;
        }
    
.ah13{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 10.5px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 0rem;
    padding-left: 0.2rem;
    text-align: center;
    text-decoration: none;
}
.ah13:hover{
    background-color: #1b2c19;
    color: #fff;
    }
.ah14{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 12px;
    padding-top: 0.5rem;
    padding-bottom: 0.6rem;
    padding-right: 1.1rem;
    padding-left: 1.1rem;
    text-align: center;
    text-decoration: none;
}
.ah14:hover{
    background-color: #1b2c19;
    color: #fff;
    }
.ah15{
    color: #fff;
    background: #1b2c19;
    font-family: Arial,;
    font-size: 10.5px;
    padding-top: 0.5rem;
    padding-bottom: 0.6rem;
    padding-right: 0.5rem;
    padding-left: 1rem;
    text-align: center;
    text-decoration: none;
}
.ah15:hover{
    background-color: #1b2c19;
    color: #fff;
    }
    .dextophead{
        display: none;
    }
    .wrapper{
        position: relative;
        width: 80%;
        background-color: #fff;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-right: 0rem;
        margin-left: 3rem; 
        padding-left: 0rem;  
    }
    .topnav {
        overflow: hidden;
        background-color: #1b2c19;
        position: relative;
    }
     /* Hide the links inside the igation menu (except for logo/home) */
    .topnav #myLinks {
    display: none;
    }
    /* Style igation menu links */
    .topnav a {
    color: white;
    padding: 2px 3px;
    text-decoration: none;
    font-size: 18px;
    display: block;
    }
    
    /* Style the hamburger menu */
    .topnav a.icon {
    background: #1b2c19;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    }
    
    /* Add a grey background color on mouse-over */
    .topnav a:hover {
        background-color: green;
        color: #fff;
    }
    
    /* Style the active link (or home/logo) */
    .active {
        background-color: #04AA6D;
        color: white;
    }
    .mobile-menu{
        display: block;
    }
    .refundsearchbutton{
        position: absolute;
        margin-left: 16.5rem;
        margin-top: -30.6rem;
        background-color: #1b2c19;
    }
    .refundsearch{
        padding: 0.5rem;
        background-color: #1b2c19;
        color: #fff;
    }
    .refundsearch:hover{
        background-color: purple;
        color: #fff;
    }
    .refundsubmitbutton{
        position: absolute;
        margin-left: 4rem;
    }
    .refundsubmit{
        padding: 0.5rem;
        color: #fff;
        background-color: #1b2c19;
    }
    .refundsubmit:hover{
        background-color: #1b2c19;
        color: #fff;
    }
    .refundcancelbutton{
        position: absolute;
        margin-left: 12rem;
    }
    .refcancel{
        padding: 0.5rem;
        background-color: red;
        color: #fff;
    }
    .refcancel:hover{
        background-color: #1b2c19;
        color: #fff;
    }
    .ttable{
        margin-left: 2rem;
    }
    .ttable th{
        font-size: 15px;
    }
    .form-login-message{
        margin-top: 5rem;
    }
    .expentable{
        font-size: 1rem;
        margin-left: -2rem;
    }
    .transactimg{
        position: absolute;
        margin-top: -5.2rem;
        margin-left: 6rem;
    }
    .version{
        position: absolute;
        margin-top: -10rem;
        margin-left: -1rem;
    }
    .statusimg{
        margin-top: -12rem;
        margin-left: 2rem; 
    }
    .usimg{
        margin-top: -12rem;
        margin-left: -2rem; 
    }
    .afusimg{
        margin-top: -17rem;
        margin-left: 1rem; 
    }
    .invoiceimg{
        position: absolute;
        margin-top: -6rem;
        margin-left: 5rem; 
    }
    .newfundimg{
        position: absolute;
        margin-top: -8rem;
        margin-left: 5rem; 
    }
    .userimg{
        margin-top: -12rem;
        margin-left: 2rem; 
      }
    .newtable{
        font-size: 1.5rem;
    }
    .newtable th{
        font-size: 1rem;
    }
    .lastbutton{
    position: absolute;
    padding: 0.5rem; 
    background: #1b2c19;    
    margin-left: 16.5rem;
    margin-top: 1rem; 
    color: #fff;
    }
    .firstbutton{
    position: absolute;
    padding: 0.2rem; 
    background: #1b2c19;    
    margin-left: 12.5rem;
    margin-top: 1.6rem; 
    color: #fff;
    }
    .fundpic{
        position: absolute;
        margin-top: -5rem;
        margin-left: 4rem;
        padding: 0rem;
    }
    .abo{
        position: absolute;
        margin-left: 8rem;
        margin-bottom: 70rem;
    }
  }