.body{
    width: 100%;
    height: auto;
}

  
  /* visited link */
  a:link, a:visited {
    text-decoration: none;
    display: inline-block;
    color:#f3db08;
  }
  a:visited {
    color:#FFFFFF;
    text-decoration: none;
  }
  
  /* mouse over link */
  a:hover {
    color: #fd1818;
    text-decoration: none;
  }
  
  /* selected link */
  a:active {
    color: #FFFFFF;
    text-decoration: none;
  }
.loginicon{
position: absolute;
width: 165px;
height: 45px;
left: calc(50% - 165px/2 - 3.5px);
top: calc(50% - 45px/2 - 280.5px);

}
.mainlogin{
    position: absolute;
width: 650px;
height: 500px;
left: calc(50% - 650px/2);
top: calc(50% - 500px/2 + 16px);

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.textadellenserp{
position: absolute;
width: 157px;
height: 36px;
left: 247px;
top: 38px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #828080;

  
}
.username{
position: absolute;
width: 350px;
height: 70px;
left: 150px;
top: 123px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #828080;

}
.password{
position: absolute;
width: 350px;
height: 70px;
left: 150px;
top: 217px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #828080;
}
.loginbut{
position: absolute;
width: 350px;
height: 70px;
left: 150px;
top: 311px;

background: #000000;
border: 1px solid #000000;
box-sizing: border-box;
border-radius: 5px; 
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 54px;
/* identical to box height */


color: #FDFDFD;

}

.main{
position: absolute;
width: 1420px;
height: 1024px;
left: calc(50% - 1420px/2);
top: 0px;
}
.logo{
position: absolute;
width: 165px;
height: 45px;
left: 38px;
top: 58px;
   
}
.menu{
position: absolute;
width: 245px;
height: 845px;
left: 6px;
top: 137px;

background: #343333;
border: 1px solid #4D4B4B;
box-sizing: border-box;
border-radius: 11px;
}
.profile{
position: absolute;
width: 150px;
height: 21px;
left: 25px;
top: 31px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #FFFFFF;
}
.profilename{
position: absolute;
width: 115px;
height: 18px;
left: 25px;
top: 52px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #FFFFFF;
}

.Productions{
position: absolute;
width: 115px;
height: 21px;
left: 25px;
top: 93px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #FFFFFF;
}
.Accanting{
position: absolute;
width: 115px;
height: 21px;
left: 25px;
top: 128px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #FFFFFF;
}
.Depos{
position: absolute;
width: 115px;
height: 21px;
left: 25px;
top: 163px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #FFFFFF;
}
.OnlineOrder{
position: absolute;
width: 200px;
height: 21px;
left: 25px;
top: 198px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #FFFFFF;
}
.BranchManeger{
position: absolute;
width: 130px;
height: 21px;
left: 25px;
top: 237px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #FFFFFF;
}
.Products{
position: absolute;
width: 115px;
height: 21px;
left: 25px;
top: 274px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #FFFFFF;
}
.Modifay{
position: absolute;
width: 115px;
height: 21px;
left: 25px;
top: 313px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #FFFFFF;
}
.Setting{
position: absolute;
width: 115px;
height: 21px;
left: 25px;
top: 349px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #FFFFFF;
}
.Exit{
position: absolute;
width: 115px;
height: 21px;
left: 25px;
top: 792px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #FFFFFF;
}
.order{
position: absolute;
width: 278px;
height: 118px;
left: 270px;
top: 51px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px; 
}
.OrdersToday{
position: absolute;
width: 278px;
height: 118px;
left: 557px;
top: 51px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.FinishOrder{
position: absolute;
width: 278px;
height: 118px;
left: 845px;
top: 51px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.StockOrder{
position: absolute;
width: 278px;
height: 118px;
left: 1132px;
top: 51px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px; 
}
.v1{
position: absolute;
width: 278px;
height: 230px;
left: 270px;
top: 202px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.v2{
position: absolute;
width: 278px;
height: 230px;
left: 557px;
top: 202px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;   
}
.v3{
position: absolute;
width: 566px;
height: 230px;
left: 844px;
top: 202px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.v4{
position: absolute;
width: 278px;
height: 118px;
left: 270px;
top: 448px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.v5{
position: absolute;
width: 278px;
height: 118px;
left: 557px;
top: 448px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.v6{
position: absolute;
width: 565px;
height: 118px;
left: 845px;
top: 448px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;  
}
.v7{
position: absolute;
width: 278px;
height: 410px;
left: 270px;
top: 572px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;   
}
.v8{
position: absolute;
width: 278px;
height: 410px;
left: 557px;
top: 572px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.v9{
position: absolute;
width: 278px;
height: 410px;
left: 845px;
top: 572px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;   
}
.v10{
position: absolute;
width: 278px;
height: 410px;
left: 1132px;
top: 572px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.orderstitel{
position: absolute;
width: 81px;
height: 36px;
left: 24px;
top: 16px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;   
}
.ordernumber{
position: absolute;
width: 118px;
height: 36px;
left: 74px;
top: 75px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #828080;
}
.ordertodaytext{
position: absolute;
width: 162px;
height: 36px;
left: 23px;
top: 16px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;   
}
.ordertodaynumber{
position: absolute;
width: 43px;
height: 36px;
left: 118px;
top: 74px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #05D834;
}
.FinishOrdertext{
position: absolute;
width: 142px;
height: 36px;
left: 27px;
top: 16px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;
}
.FinishOrdertextnumber{
position: absolute;
width: 38px;
height: 36px;
left: 122px;
top: 74px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #05D834;
}
.StockOrdertext{
position: absolute;
width: 140px;
height: 36px;
left: 22px;
top: 16px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;

}
.StockOrdernumber{
position: absolute;
width: 44px;
height: 36px;
left: 117px;
top: 74px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #05D834;  
}
.np1{
position: absolute;
width: 29px;
height: 21px;
left: 31px;
top: 7px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #828080;
}
.np2{
position: absolute;
width: 29px;
height: 21px;
left: 120px;
top: 7px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #828080;
}
.np3{
position: absolute;
width: 29px;
height: 21px;
left: 213px;
top: 7px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #828080;


color: #828080;
}
.b1{
position: absolute;
width: 46px;
height: 21px;
left: 21px;
top: 203px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #000000;  
}
.b2{
position: absolute;
width: 46px;
height: 21px;
left: 115px;
top: 203px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #000000;  
}
.b3{
position: absolute;
width: 75px;
height: 21px;
left: 194px;
top: 203px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #000000;  
}
.SemiFinish{
position: absolute;
width: 140px;
height: 36px;
left: 10px;
top: 16px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;
}
.SemiFinishnumber{
position: absolute;
width: 74px;
height: 27px;
left: 177px;
top: 21px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
/* identical to box height */


color: #828080; 
}
.Showdetails{
position: absolute;
width: 76px;
height: 18px;
left: 12px;
top: 52px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;  
}
.Store{
position: absolute;
width: 66px;
height: 36px;
left: 10px;
top: 83px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;  
}
.Showdetails2{
position: absolute;
width: 76px;
height: 18px;
left: 12px;
top: 119px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
}
.storenumber{
position: absolute;
width: 39px;
height: 27px;
left: 177px;
top: 88px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
/* identical to box height */


color: #FF2222;
}
.Accessories{
position: absolute;
width: 170px;
height: 36px;
left: 10px;
top: 157px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;
}
.numberofacc{
position: absolute;
width: 74px;
height: 27px;
left: 182px;
top: 162px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
/* identical to box height */


color: #828080;
}
.Showdetails3{
position: absolute;
width: 76px;
height: 18px;
left: 12px;
top: 195px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
}
.Invoices{
position: absolute;
width: 54px;
height: 20px;
left: 13px;
top: 12px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;  
}
.Progressive{
position: absolute;
width: 138px;
height: 36px;
left: 13px;
top: 41px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;
}
.prprice{
position: absolute;
width: 81px;
height: 27px;
left: 178px;
top: 46px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
/* identical to box height */


color: #828080;
}
.Showdetails4{
position: absolute;
width: 76px;
height: 18px;
left: 13px;
top: 79px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;

}
.StockLens{
position: absolute;
width: 125px;
height: 36px;
left: 13px;
top: 107px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;
}
.Showdetails5{
position: absolute;
width: 76px;
height: 18px;
left: 13px;
top: 148px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
}
.StockLensprice{
position: absolute;
width: 82px;
height: 27px;
left: 178px;
top: 110px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
/* identical to box height */


color: #828080;
}
.bankimg01{
position: absolute;
width: 148px;
height: 36px;
left: 14px;
top: 12px; 
}
.bank01price{
position: absolute;
width: 111px;
height: 36px;
left: 84px;
top: 69px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #828080;
}
.bankimg02{
position: absolute;
width: 151px;
height: 35px;
left: 13px;
top: 12px;
}
.bank02price{
position: absolute;
width: 125px;
height: 36px;
left: 84px;
top: 69px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #828080;
}
.Income2{
position: absolute;
width: 50px;
height: 20px;
left: 12px;
top: 4px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;   
}
.Today{
position: absolute;
width: 75px;
height: 36px;
left: 126px;
top: 21px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;   
}
.Monthe{
position: absolute;
width: 91px;
height: 36px;
left: 245px;
top: 21px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;
  
}
.Yer{
position: absolute;
width: 38px;
height: 36px;
left: 391px;
top: 21px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;  
}
.todayprice{
position: absolute;
width: 83px;
height: 27px;
left: 127px;
top: 67px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
/* identical to box height */


color: #828080;  
}
.montheprice{
position: absolute;
width: 100px;
height: 27px;
left: 239px;
top: 67px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
/* identical to box height */


color: #828080;  
}
.yerprice{
position: absolute;
width: 114px;
height: 27px;
left: 360px;
top: 67px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
/* identical to box height */


color: #828080;  
}
.Branches{
position: absolute;
width: 113px;
height: 36px;
left: 17px;
top: 16px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;
 
}
.RX{
position: absolute;
width: 30px;
height: 36px;
left: 238px;
top: 6px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #737573;  
}
.RX1{
position: absolute;
width: 30px;
height: 36px;
left: 208px;
top: 6px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #737573;  
}
.rowbrbase{
position: absolute;
width: 264px;
height: 342px;
left: 7px;
top: 52px;
  
}
.rowbr{
position: relative;
width: 260px;
height: 34px;
left: 1px;
margin-top: 5px;  
}
.branche{
position: absolute;
width: 55px;
height: 21px;
left: 9px;
top: 6px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #000000;   
}
.nubra{
position: absolute;
width: 23px;
height: 27px;
left: 219px;
top: 3px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
/* identical to box height */


color: #828080; 
}
.adelensf{
position: absolute;
width: 60px;
height: 20px;
left: calc(50% - 60px/2);
top: 982px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #828080; 
}
.Blocker{
position: absolute;
width: 345px;
height: 194px;
left: 280px;
top: 51px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.Blockertext{
position: absolute;
width: 87px;
height: 36px;
left: 24px;
top: 16px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;
  
}
.Blockerimg{
position: absolute;
width: 166px;
height: 175px;
left: 163px;
top: 5px;
  
}
.Blockerimg1{
position: absolute;
width: 136px;
height: 175px;
left: 163px;
top: 5px;
  
}
.jobnumber{
position: absolute;
width: 44px;
height: 54px;
left: 24px;
top: 84px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 54px;
/* identical to box height */


color: #000000;
  
}
.finishjobnumber{
position: absolute;
width: 35px;
height: 54px;
left: 24px;
top: 135px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 54px;
/* identical to box height */


color: #14ED29;   
}
.showjobs{
position: absolute;
width: 64px;
height: 18px;
left: 79px;
top: 160px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;   
}
.CNC{
position: absolute;
width: 345px;
height: 194px;
left: 666px;
top: 50px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.Polishing{
position: absolute;
width: 345px;
height: 194px;
left: 1049px;
top: 49px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;   
}
.coating{
position: absolute;
width: 345px;
height: 194px;
left: 279px;
top: 292px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.r{
position: absolute;
width: 1124px;
height: 264px;
left: 280px;
top: 51px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.l{
position: absolute;
width: 1124px;
height: 264px;
left: 278px;
top: 345px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.custom{
position: absolute;
width: 1124px;
height: 70px;
left: 278px;
top: 628px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;   
}
.dis{
position: absolute;
width: 1124px;
height: 400px;
left: 278px;
top: 710px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.r{
position: absolute;
width: 1124px;
height: 264px;
left: 280px;
top: 51px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.r1{
position: absolute;
width: 22px;
height: 54px;
left: 13px;
top: 3px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 54px;
/* identical to box height */


color: #505250;
}
.r-ch{
position: absolute;
width: 50px;
height: 20px;
left: 40px;
top: 20px;

font-family: 'Poppins';
font-style: normal;
font-weight: 200;
font-size: 15px;
line-height: 30px;
/* identical to box height */

}
.r2{
position: absolute;
width: 21px;
height: 18px;
left: 58px;
top: 57px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
}
.r3{
position: absolute;
width: 36px;
height: 27px;
left: 88px;
top: 53px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.r4{
position: absolute;
width: 29px;
height: 18px;
left: 139px;
top: 57px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;   
}
.r5{
position: absolute;
width: 73px;
height: 27px;
left: 172px;
top: 53px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.r6{
position: absolute;
width: 21px;
height: 18px;
left: 260px;
top: 57px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
}
.r7{
position: absolute;
width: 36px;
height: 27px;
left: 290px;
top: 53px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.r8{
position: absolute;
width: 28px;
height: 18px;
left: 345px;
top: 57px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250; 
}
.r9{
position: absolute;
width: 73px;
height: 27px;
left: 378px;
top: 53px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.r10{
position: absolute;
width: 25px;
height: 18px;
left: 466px;
top: 57px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250; 
}
.r11{
position: absolute;
width: 73px;
height: 27px;
left: 496px;
top: 53px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.r12{
position: absolute;
width: 31px;
height: 18px;
left: 584px;
top: 57px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;   
}
.r13{
position: absolute;
width: 73px;
height: 27px;
left: 618px;
top: 53px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.r14{
position: absolute;
width: 26px;
height: 18px;
left: 706px;
top: 57px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250; 
}
.r15{
position: absolute;
width: 73px;
height: 27px;
left: 735px;
top: 53px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.r16{
position: absolute;
width: 40px;
height: 18px;
left: 813px;
top: 57px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
}
.r17{
position: absolute;
width: 73px;
height: 27px;
left: 855px;
top: 53px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.r18{
position: absolute;
width: 56px;
height: 18px;
left: 940px;
top: 57px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;   
}
.r19{
position: absolute;
width: 73px;
height: 27px;
left: 1001px;
top: 53px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.r20-1{
position: absolute;
width: 33px;
height: 18px;
left: 65px;
top: 119px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
}
.r20-2{
position: absolute;
width: 100px;
height: 27px;
left: 110px;
top: 115px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
}
.r20{
position: absolute;
width: 33px;
height: 18px;
left: 220px;
top: 119px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;  
}
.r21{
position: absolute;
width: 100px;
height: 27px;
left: 250px;
top: 115px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.r22{
position: absolute;
width: 79px;
height: 18px;
left: 370px;
top: 120px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;  
}
.r23{
position: absolute;
width: 100px;
height: 27px;
left: 450px;
top: 116px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.r24{
position: absolute;
width: 37px;
height: 18px;
left: 577px;
top: 120px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250; 
}
.r25{
position: absolute;
width: 117px;
height: 27px;
left: 618px;
top: 116px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.r26{
position: absolute;
width: 44px;
height: 18px;
left: 746px;
top: 120px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
}
.r27{
position: absolute;
width: 132px;
height: 27px;
left: 796px;
top: 116px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px; 
}
.r28{
position: absolute;
width: 61px;
height: 18px;
left: 936px;
top: 120px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
   
}
.r29{
position: absolute;
width: 73px;
height: 27px;
left: 1001px;
top: 116px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.r30{
position: absolute;
width: 36px;
height: 18px;
left: 58px;
top: 166px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 18px;
background: #07d311;
color: #ffffff;
/* identical to box height */


color: #505250;
}
.r31{
position: absolute;
width: 830px;
height: 27px;
left: 98px;
top: 162px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.r32{
position: absolute;
width: 36px;
height: 18px;
left: 59px;
top: 218px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;   
}
.r33{
position: absolute;
width: 50px;
height: 27px;
left: 99px;
top: 214px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.r34{
position: absolute;
width: 39px;
height: 18px;
left: 155px;
top: 218px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;   
}
.r35{
position: absolute;
width: 50px;
height: 27px;
left: 198px;
top: 214px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.r36{
position: absolute;
width: 22px;
height: 18px;
left: 256px;
top: 218px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
}
.r37{
position: absolute;
width: 50px;
height: 27px;
left: 283px;
top: 214px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.r38{
position: absolute;
width: 27px;
height: 18px;
left: 342px;
top: 218px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;   
}
.r39{
position: absolute;
width: 50px;
height: 27px;
left: 374px;
top: 214px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px; 
}
.r40{
position: absolute;
width: 17px;
height: 18px;
left: 430px;
top: 218px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;  
}
.r41{
position: absolute;
width: 50px;
height: 27px;
left: 452px;
top: 214px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.r42{
position: absolute;
width: 46px;
height: 18px;
left: 508px;
top: 218px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
   
}
.r43{
position: absolute;
width: 50px;
height: 27px;
left: 560px;
top: 214px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;    
}
.r44{
position: absolute;
width: 26px;
height: 18px;
left: 618px;
top: 218px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
}
.r45{
position: absolute;
width: 50px;
height: 27px;
left: 649px;
top: 214px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;    
}
.r46{
position: absolute;
width: 51px;
height: 18px;
left: 709px;
top: 218px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
}
.r47{
position: absolute;
width: 50px;
height: 27px;
left: 768px;
top: 214px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.r48{
position: absolute;
width: 86px;
height: 18px;
left: 824px;
top: 218px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;  
}
.r49{
position: absolute;
width: 60px;
height: 27px;
left: 913px;
top: 214px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.r50{
position: absolute;
width: 134px;
height: 84px;
left: 981px;
top: 170px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.r51{
position: absolute;
width: 74px;
height: 36px;
left: 9px;
top: 27px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #ffffff00;
}
.r52{
position: absolute;
width: 60px;
height: 18px;
left: 31px;
top: 27px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
}
.r53{
position: absolute;
width: 148px;
height: 27px;
left: 98px;
top: 22px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;    
}
.r54{
position: absolute;
width: 93px;
height: 18px;
left: 255px;
top: 27px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
}
.r55{
position: absolute;
width: 110px;
height: 27px;
left: 354px;
top: 22px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;    
}
.r56{
position: absolute;
width: 47px;
height: 18px;
left: 475px;
top: 27px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;  
}
.r57{
position: absolute;
width: 110px;
height: 27px;
left: 526px;
top: 22px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.r58{
position: absolute;
width: 56px;
height: 18px;
left: 642px;
top: 27px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;   
}
.r59{
position: absolute;
width: 49px;
height: 27px;
left: 702px;
top: 22px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.r60{
position: absolute;
width: 90px;
height: 18px;
left: 755px;
top: 27px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;   
}
.r61{
position: absolute;
width: 75px;
height: 27px;
left: 850px;
top: 22px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.r62{
position: absolute;
width: 61px;
height: 18px;
left: 932px;
top: 27px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;

}
.r63{
position: absolute;
width: 75px;
height: 27px;
left: 1004px;
top: 22px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.r64{
position: absolute;
width: 80px;
height: 18px;
left: 31px;
top: 34px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250; 
}
.r65{
position: absolute;
width: 148px;
height: 27px;
left: 120px;
top: 29px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;    
}
.r66{
position: absolute;
width: 63px;
height: 18px;
left: 34px;
top: 111px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;  
}
.r67{
position: absolute;
width: 148px;
height: 27px;
left: 120px;
top: 106px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.r68{
position: absolute;
width: 31px;
height: 18px;
left: 508px;
top: 25px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;  
}
.r69{
position: absolute;
width: 544px;
height: 183px;
left: 561px;
top: 20px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.r69-view{
position: absolute;
width: 544px;
height: 140px;
left: 561px;
top: 220px;
background-color:white;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.reR{
background-color: #05D834 !important;
color: white;
}
.reL{
background-color: #f31d0e !important;
color: white;
}
.r70{
position: absolute;
width: 110px;
height: 27px;
left: 996px;
top: 365px;

background: #14ED29;
border: 1px solid #05D834;
box-sizing: border-box;
border-radius: 5px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #FFFFFF;

}
.r70-new{
position: absolute;
width: 110px;
height: 27px;
left: 870px;
top: 365px;

background: #06a0e7;
border: 1px solid #06a0e7;
box-sizing: border-box;
border-radius: 5px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #FFFFFF;

}
.r80-new{
position: absolute;
width: 110px;
height: 27px;
left: 740px;
top: 365px;

background: #057c4b;
border: 1px solid #057c4b;
box-sizing: border-box;
border-radius: 5px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #FFFFFF;

}
.ADDSTOKE{
position: absolute;
width: 110px;
height: 27px;
left: 279px;
top: 88px;
background: #14ED29;
border: 1px solid #05D834;
box-sizing: border-box;
border-radius: 5px;  
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #FFFFFF;
}
.TeransferStock{
position: absolute;
width: 110px;
height: 27px;
left: 408px;
top: 88px;

background: #189DFD;
border: 1px solid #189DFD;
box-sizing: border-box;
border-radius: 5px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
 color: #FFFFFF;   
}
.maindepo{
position: absolute;
width: 1079px;
height: 821px;
left: 267px;
top: 142px;
}
.stockrow{
position: relative;
width: 1055px;
height: 68px;
left: 12px;
margin-top: 10px; 
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;  
}
.index{
position: absolute;
width: 150px;
height: 36px;
left: 23px;
top: 16px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;
}
.where{
position: absolute;
width: 44px;
height: 23px;
left: 259px;
top: 24px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
/* identical to box height */


color: #505250;
  
}
.stnumber{
position: absolute;
width: 125px;
height: 36px;
left: 539px;
top: 18px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #828080;  
}
.chainsmodel{
position: absolute;
width: 82px;
height: 18px;
left: 808px;
top: 25px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
color: #505250;   
}
.Showdetailsstock{
position: absolute;
width: 76px;
height: 18px;
left: 958px;
top: 25px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
}
.Showdetailsstock a{
color: #4D4B4B;
}
.addstokemain{
position: absolute;
width: 815px;
height: 555px;
left: 381px;
top: 137px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;  
}
.addstocktext{
position: absolute;
width: 79px;
height: 21px;
left: 10px;
top: 7px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */
color: #000000;  
}
.Kindofstock{
position: absolute;
width: 79px;
height: 18px;
left: 240px;
top: 58px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
color: #505250;
}
.Kindofstockkind{
position: absolute;
width: 148px;
height: 27px;
left: 397px;
top: 53px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.Location{
position: absolute;
width: 58px;
height: 18px;
left: 240px;
top: 119px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
color: #505250;

}
.Locationofstock{
position: absolute;
width: 148px;
height: 27px;
left: 397px;
top: 114px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.stocknamelable{
position: absolute;
width: 39px;
height: 18px;
left: 241px;
top: 180px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
color: #505250;  
}
.stockname{
position: absolute;
width: 148px;
height: 27px;
left: 397px;
top: 175px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.AddaStock{
position: absolute;
width: 304px;
height: 27px;
left: 245px;
top: 258px;

background: #14ED29;
border: 1px solid #05D834;
box-sizing: border-box;
border-radius: 5px;  
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #FFFFFF;

}
.stockdet{
position: absolute;
width: 204px;
height: 65px;
left: 7px;
top: 7px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;  

}
.stockdet1{
position: absolute;
width: 204px;
height: 65px;
left: 223px;
top: 7px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;  
}
.stockdet2{
position: absolute;
width: 204px;
height: 65px;
left: 439px;
top: 7px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;  
}
.stname{
position: absolute;
width: 90px;
height: 24px;
left: 8px;
top: 5px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* identical to box height */


color: #000000;
}
.numberstname{
position: absolute;
width: 71px;
height: 21px;
left: 64px;
top: 37px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height */


color: #828080;
}
.lenstitl{
position: absolute;
width: 1104px;
height: 30px;
left: 8px;
top: 85px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;  
}
.nameoflens{
position: absolute;
width: 130px;
height: 20px;
left: 8px;
top: 6px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000;   
}
.lenscode{
position: absolute;
width: 36px;
height: 20px;
left: 474px;
top: 6px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;  
}
.qnlens{
position: absolute;
width: 19px;
height: 20px;
left: 598px;
top: 6px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000;   
}
.Alarm{
position: absolute;
width: 39px;
height: 20px;
left: 717px;
top: 5px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000;
 
}
.Show{
position: absolute;
width: 35px;
height: 20px;
left: 844px;
top: 6px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000; 
}
.Edit{
position: absolute;
width: 24px;
height: 20px;
left: 923px;
top: 6px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000;   
}
.Delete{
position: absolute;
width: 42px;
height: 20px;
left: 983px;
top: 6px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000;
  
}
.transfer{
position: absolute;
width: 53px;
height: 20px;
left: 1041px;
top: 6px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;   
}
.frm{
position: absolute;
width: 1119px;
height: 700px;
left: 3px;
top: 120px;   
overflow-y: scroll;

}
.lensrow{
position: relative;
width: 1104px;
height: 30px;
left: 5px;
margin-top: 10px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;
}
.nol{
position: absolute;
width: 250px;
height: 20px;
left: 8px;
top: 5px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;   
}
.codenumber{
position: absolute;
width: 54px;
height: 20px;
left: 471px;
top: 7px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;
}
.qnnumber{
position: absolute;
width: 24px;
height: 20px;
left: 598px;
top: 4px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;

}
.alarmtext{
position: absolute;
width: 25px;
height: 20px;
left: 717px;
top: 5px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #FF2222;
}
.bushow{
position: absolute;
width: 60px;
height: 20px;
left: 833px;
top: 5px;

background: #14ED29;
border-radius: 5px;
/* identical to box height */
}
.textshow{
position: absolute;
width: 27px;
height: 15px;
left: 18px;
top: 3px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 15px;
/* identical to box height */
color: #000000;
}
.textshow a{
color: #000000;
}

.buedit{
position: absolute;
width: 60px;
height: 20px;
left: 904px;
top: 5px;

background: #737573;
border-radius: 5px;
}
.textedit{
    position: absolute;
    width: 18px;
    height: 15px;
    left: 22px;
    top: 3px;
    
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    /* identical to box height */
    
    
    color: #FFFFFF;

}
.textedit a{
    color: #000000;
}
.budelete{
    position: absolute;
    width: 60px;
    height: 20px;
    left: 973px;
    top: 5px;
    
    background: #FF2222;
    border-radius: 5px;
    }
    .textdelete{
        position: absolute;
        width: 32px;
        height: 15px;
        left: 15px;
        top: 2px;
        
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 15px;
        /* identical to box height */
        color: #FFFFFF;

    }
    .textdelete a{
        color: #000000;
    }
    .butransfer{
        position: absolute;
        width: 60px;
        height: 20px;
        left: 1038px;
        top: 5px;
        
        background: #189DFD;
        border-radius: 5px;
        }
        .texttransfer{
            position: absolute;
            width: 41px;
            height: 15px;
            left: 10px;
            top: 2px;
            
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 10px;
            line-height: 15px;
            /* identical to box height */
            
            
            color: #FFFFFF;
        }
        .texttransfer a{
            color: #000000;
        }
.nameofst{
position: absolute;
width: 120px;
height: 36px;
left: 282px;
top: 142px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 36px;
/* identical to box height */


color: #000000;    
}
.Stokest{
position: absolute;
width: 33px;
height: 18px;
left: 282px;
top: 174px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
 
}
.NameofProdouct{
position: absolute;
width: 115px;
height: 18px;
left: 325px;
top: 223px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
color: #505250;  
}
.NameofProdouctfild{
position: absolute;
width: 148px;
height: 27px;
left: 452px;
top: 218px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.Codelens{
position: absolute;
width: 39px;
height: 18px;
left: 325px;
top: 270px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250; 
}
.Codelensfild{
position: absolute;
width: 148px;
height: 27px;
left: 452px;
top: 265px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.indexlens{
position: absolute;
width: 35px;
height: 18px;
left: 325px;
top: 317px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;   
}
.indexlensfild{
position: absolute;
width: 148px;
height: 27px;
left: 452px;
top: 312px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.Group{
position: absolute;
width: 40px;
height: 18px;
left: 325px;
top: 363px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;  
}
.Groupfild{
position: absolute;
width: 148px;
height: 27px;
left: 452px;
top: 358px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.qnlensed{
position: absolute;
width: 20px;
height: 18px;
left: 325px;
top: 411px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
color: #505250;   
}
.qnlensedfild{
position: absolute;
width: 148px;
height: 27px;
left: 452px;
top: 406px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.min{
position: absolute;
width: 24px;
height: 18px;
left: 327px;
top: 459px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250; 
}
.minfild{
position: absolute;
width: 148px;
height: 27px;
left: 452px;
top: 454px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.Kindofcoating{
position: absolute;
width: 93px;
height: 18px;
left: 327px;
top: 510px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;    
}
.Kindofcoatingfilds{
position: absolute;
width: 148px;
height: 27px;
left: 452px;
top: 505px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;    
}
.ColorLens{
position: absolute;
width: 35px;
height: 18px;
left: 328px;
top: 561px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
color: #505250;   
}
.ColorLensfild{
position: absolute;
width: 148px;
height: 27px;
left: 452px;
top: 556px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.Kindofkind{
position: absolute;
width: 85px;
height: 18px;
left: 327px;
top: 612px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
color: #505250;
}
.Kindofkindfilds{
position: absolute;
width: 148px;
height: 27px;
left: 452px;
top: 607px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.‌Baselenss{
position: absolute;
width: 32px;
height: 18px;
left: 327px;
top: 659px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
color: #505250;   
}
.‌Baselenssfilds{
position: absolute;
width: 148px;
height: 27px;
left: 453px;
top: 658px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.Stocklensss{
position: absolute;
width: 36px;
height: 18px;
left: 327px;
top: 710px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;  
}
.Stocklensssfilds{
position: absolute;
width: 148px;
height: 27px;
left: 452px;
top: 709px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.Status{
position: absolute;
width: 41px;
height: 18px;
left: 327px;
top: 762px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
color: #505250;        
}
.Statusfild{
position: absolute;
width: 148px;
height: 27px;
left: 452px;
top: 757px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.Dialens{
position: absolute;
width: 23px;
height: 18px;
left: 327px;
top: 810px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;   
}
.Dialensfild{
position: absolute;
width: 148px;
height: 27px;
left: 452px;
top: 805px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.pricelens{
position: absolute;
width: 32px;
height: 18px;
left: 327px;
top: 858px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
color: #505250;  
}
.pricelensfild{
position: absolute;
width: 148px;
height: 27px;
left: 452px;
top: 853px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.StockAdress{
position: absolute;
width: 115px;
height: 27px;
left: 740px;
top: 143px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 27px;
/* identical to box height */


color: #000000;
}
.Stockbase{
position: absolute;
width: 69px;
height: 18px;
left: 759px;
top: 221px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;    
}
.Stockbasefilds{
position: absolute;
width: 148px;
height: 27px;
left: 848px;
top: 218px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.Line{
position: absolute;
width: 24px;
height: 18px;
left: 759px;
top: 270px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
}
.Linefilds{
position: absolute;
width: 148px;
height: 27px;
left: 848px;
top: 265px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;   
}
.A1{
position: absolute;
width: 15px;
height: 18px;
left: 760px;
top: 317px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;   
}
.A1filds{
position: absolute;
width: 148px;
height: 27px;
left: 848px;
top: 312px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;
}
.A2{
position: absolute;
width: 18px;
height: 18px;
left: 760px;
top: 367px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #505250;
   
}
.A2filds{
position: absolute;
width: 148px;
height: 27px;
left: 848px;
top: 358px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.A3{
position: absolute;
width: 18px;
height: 18px;
left: 760px;
top: 415px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
color: #505250;  
}
.A3filds{
position: absolute;
width: 148px;
height: 27px;
left: 848px;
top: 406px;

background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;  
}
.addlenstostoke{
position: absolute;
width: 148px;
height: 40px;
left: 848px;
top: 494px;
background: #14ED29;
border: 1px solid #05D834;
box-sizing: border-box;
border-radius: 5px;  
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */
color: #FFFFFF;
}
.addprodoucttosystem{
position: absolute;
width: 148px;
height: 40px;
left: 453px;
top: 900px;

background: #14ED29;
border: 1px solid #05D834;
box-sizing: border-box;
border-radius: 5px;   
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #FFFFFF;

}
.Search{
position: absolute;
width: 49px;
height: 20px;
left: 275px;
top: 83px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000;
}
.Searchfilds{
position: absolute;
width: 331px;
height: 27px;
left: 348px;
top: 79px;
background: #FDFDFD;
border: 1px solid #737573;
box-sizing: border-box;
border-radius: 2px;    
}
.Searchfildsbut{
position: absolute;
width: 331px;
height: 27px;
left: 700px;
top: 79px;
background: #FDFDFD;

border-radius: 2px;    
}
.butsearch{
position: absolute;
width: 110px;
height: 27px;
left: 694px;
top: 79px;
background: #14ED29;
border: 1px solid #05D834;
box-sizing: border-box;
border-radius: 5px; 
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
/* identical to box height */


color: #FFFFFF;

}
.ordertitle{
position: absolute;
width: 1132px;
height: 30px;
left: 275px;
top: 137px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;   
}
.NameofProducto{
position: absolute;
width: 110px;
height: 20px;
left: 8px;
top: 6px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000; 
}
.Power{
position: absolute;
width: 40px;
height: 20px;
left: 153px;
top: 5px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;  
}
.AXII{
position: absolute;
width: 21px;
height: 20px;
left: 240px;
top: 6px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;   
}
.ADDD{
position: absolute;
width: 28px;
height: 20px;
left: 281px;
top: 6px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;   
}
.Pirismll{
position: absolute;
width: 39px;
height: 20px;
left: 329px;
top: 6px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;
   
}
.Corridorll{
position: absolute;
width: 54px;
height: 20px;
left: 385px;
top: 6px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;   
}
.Colorff{
position: absolute;
width: 35px;
height: 20px;
left: 456px;
top: 6px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;    
}
.Coatingff{
position: absolute;
width: 53px;
height: 20px;
left: 511px;
top: 6px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000;    
}
.OrderNumberf{
position: absolute;
width: 100px;
height: 20px;
left: 654px;
top: 6px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000;   
}
.Dateff{
position: absolute;
width: 31px;
height: 20px;
left: 768px;
top: 6px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;   
}
.Branchedd{
position: absolute;
width: 55px;
height: 20px;
left: 865px;
top: 6px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;    
}
.Modifyee{
position: absolute;
width: 44px;
height: 20px;
left: 1038px;
top: 6px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;   
}
.roworder{
position: absolute;
width: 1167px;
height: 799px;
left: 257px;
top: 172px;
background: #FFFFFF;
border-radius: 6px; 
overflow: scroll;

}
.rowoders{
position: relative;
width: 1132px;
height: 120px;
left: 18px;
margin-top: 7px;

background: #FFFFFF;
border: 1px solid #E5E5E5;
box-sizing: border-box;
border-radius: 6px;   
}
.o1{
position: absolute;
width: 150px;
height: 20px;
left: 8px;
top: 5px;

font-family: 'Poppins';
font-style: normal;
font-weight: 200;
font-size: 10px;
line-height: 15px;
/* identical to box height */


color: #000000;    
}
.o2{
position: absolute;
width: 84px;
height: 20px;
left: 153px;
top: 5px;

font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 15px;
/* identical to box height */


color: #000000;   
}
.o3{
position: absolute;
width: 24px;
height: 20px;
left: 240px;
top: 5px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;
  
}
.o4{
position: absolute;
width: 39px;
height: 20px;
left: 281px;
top: 5px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;  
}
.o5{
position: absolute;
width: 39px;
height: 20px;
left: 329px;
top: 5px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;
}
.o6{
position: absolute;
width: 52px;
height: 20px;
left: 387px;
top: 5px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000;

}
.o7{
position: absolute;
width: 50px;
height: 20px;
left: 456px;
top: 5px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000; 
}
.o8{
position: absolute;
width: 150px;
height: 20px;
left: 511px;
top: 5px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000;  
}
.o9{
position: absolute;
width: 93px;
height: 20px;
left: 655px;
top: 5px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;   
}
.o10{
position: absolute;
width: 133px;
height: 20px;
left: 747px;
top: 5px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 10px;
/* identical to box height */
color: #000000;  
}
.o11{
position: absolute;
width: 91px;
height: 20px;
left: 897px;
top: 5px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000;
   
}
.o12{
position: absolute;
width: 60px;
height: 20px;
left: 995px;
top: 5px;

background: #14ED29;
border-radius: 5px;   
}
.o13{
position: absolute;
width: 27px;
height: 15px;
left: 16px;
top: 2px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 15px;
/* identical to box height */


color: #FFFFFF;  
}
.o14{
position: absolute;
width: 60px;
height: 20px;
left: 1062px;
top: 5px;

background: #737573;
border-radius: 5px;  
}
.o15{
position: absolute;
width: 18px;
height: 15px;
left: 21px;
top: 2px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 15px;
/* identical to box height */


color: #FFFFFF;  
}
.o16{
position: absolute;
width: 60px;
height: 20px;
left: 995px;
top: 41px;

background: #FF2222;
border-radius: 5px;  
}
.o17{
position: absolute;
width: 32px;
height: 15px;
left: 14px;
top: 2px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 15px;
/* identical to box height */


color: #FFFFFF;   
}
.o18{
position: absolute;
width: 60px;
height: 20px;
left: 1062px;
top: 41px;
background: #189DFD;
border-radius: 5px;   
}
.o19{
position: absolute;
width: 22px;
height: 15px;
left: 19px;
top: 2px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 15px;
/* identical to box height */

color: #FFFFFF;    
}
.o20{
position: absolute;
width: 150px;
height: 20px;
left: 8px;
top: 32px;

font-family: 'Poppins';
font-style: normal;
font-weight: 200;
font-size: 10px;
line-height: 15px;
/* identical to box height */


color: #000000;  
}
.o21{
position: absolute;
width: 84px;
height: 20px;
left: 153px;
top: 37px;
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #000000;   
}
.o22{
position: absolute;
width: 20px;
height: 20px;
left: 240px;
top: 37px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000;  
}
.o23{
position: absolute;
width: 39px;
height: 20px;
left: 281px;
top: 37px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;  
}
.o24{
position: absolute;
width: 39px;
height: 20px;
left: 329px;
top: 37px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000;  
}
.o25{
position: absolute;
width: 53px;
height: 20px;
left: 387px;
top: 37px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;  
}
.o26{
position: absolute;
width: 50px;
height: 20px;
left: 456px;
top: 37px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */
color: #000000;    
}
.o27{
position: absolute;
width: 150px;
height: 20px;
left: 511px;
top: 37px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;   
}
.o28{
position: absolute;
width: 32px;
height: 20px;
left: 654px;
top: 37px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;
}
.o29{
position: absolute;
width: 71px;
height: 20px;
left: 697px;
top: 37px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;
}
.customername{
position: absolute;
width: 119px;
height: 20px;
left: 866px;
top: 41px;
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;   
}
.payment{
position: absolute;
width: 600px;
height: 20px;
left: 5px;
top: 75px;

font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
/* identical to box height */


color: #000000;   
}
.alert {
padding: 20px;
background-color: #f44336; /* Red */
color: white;
margin-bottom: 15px;
}

/* The close button */
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
color: black;
}


/* CSS for portrait orientation */
@media only screen and (orientation: portrait) {
.rotate-message {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: lightgrey;
  text-align: center;
  font-size: 1.5em;
}
.content {
  display: none;
}
}

/* CSS for landscape orientation */
@media only screen and (orientation: landscape) {
.rotate-message {
  display: none;
}
.content {
  display: block;
}
}