/* BARCODE SCANNER SECTION  */
.bckup_wr_wrpr {
width: 100%;
height: auto;
display: flex;
}

/* HEADEING  */
.scanhetx {
font-family: 'Roboto', sans-serif; 
font-size: 28px;
margin-left: 45px;
color: black;
padding-top: 14px;
font-weight: 600;
}


.bckup_wr_scbx {
width: 96%;
margin-left: 2%;
margin-right: 2%;
margin-top: 25px;
border-radius:10px;
height: 100px;
background: linear-gradient(to right, rgb(255, 255, 255), rgb(227, 255, 236));
display: flex;
border: 2px rgb(214, 248, 214) solid;
margin-bottom: 20px;
}

/* IMAGE BOX  */
.bckup_wr_simbx {
width: 80px;
margin-left: 20px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}

.bckup_wr_simbx img {
width: 40px;
margin-top: -4px;
}

/* STATUS BOX  */
.bckup_wr_sbdbx {
width: 90%;
height: 50px;
margin-top: 23px;
overflow: hidden;
display: block;
transform-origin: 0.5s;
}

.bckup_wr_stx {
font-family: 'Mukta', sans-serif; 
font-size:41px;
font-weight: 500;
color: green;
transition-duration: 0.5s;
height: 50px;
line-height: 50px;
width: 100%;
animation: blink 6s infinite;
}

.shyerd {
margin-top: -50px;
}

/* YELLOW  */
.bckup_wr_scbx_ylw {
background: linear-gradient(to right, rgb(255, 255, 255), rgb(253, 255, 228));
border: 2px rgb(248, 248, 214) solid;
}
.bckup_wr_scbx_ylw .bckup_wr_sbdbx .bckup_wr_stx {
color: rgb(137, 105, 0);
}

/* YELLOW  */
.bckup_wr_scbx_prpl {
background: linear-gradient(to right, rgb(255, 255, 255), rgb(228, 252, 255));
border: 2px rgb(248, 248, 214) solid;
}
.bckup_wr_scbx_prpl .bckup_wr_sbdbx .bckup_wr_stx {
color: rgb(0, 126, 137);
}

/* RED  */
.bckup_wr_scbx_red {
background: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 228, 228));
border: 2px rgb(248, 214, 214) solid;
}
.bckup_wr_scbx_red .bckup_wr_sbdbx .bckup_wr_stx {
color: rgb(207, 1, 1);
}

/* BOX CONTAIN INTRSC AND DATA  */
.bckup_wr_tbbx {
width: 70%;
height: auto;
}

/* YELLOW INFO  */
.inful {
background: #fff8dc; 
border-left: 5px solid #f1c40f;
padding: 15px 40px;
list-style-type: "🔹 "; 
font-family: 'Mukta', sans-serif; 
font-size: 15px;
color: #333;
border-radius: 4px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
width: 95%;
margin-left: 20px;
margin-right: 25px;
margin-top: 10px;
}

.inful li {
margin-bottom: 8px;
line-height: 1.6;
}

#brscn_ls {
/* display: none; */
}

 /* TABLE  */
.nju887 {
width: 95%;
margin-left: 9px;
margin-right: 25px;
margin-top: 10px;
padding: 15px;
height: auto;
display: none;
}

.nju887 tr:nth-child(even) {
background-color: rgb(244, 244, 244);
} 

.nju887 tr th {
font-family: "Lato", serif;
font-optical-sizing: auto;
font-size: 18px;
font-weight: 600;
color: rgb(0, 0, 0);
text-align: center;
padding-top: 15px;
margin-bottom: 10px;
padding-bottom: 15px;
background-color: rgb(220, 219, 219);
}

.nju887 tr td:nth-child(1) {
font-family: "Mukta", serif;
font-optical-sizing: auto;
font-size: 15px;
font-weight: 400;
color: rgb(139, 138, 138);
text-align: left;
padding: 10px;
}

.nju887 tr td:nth-child(2) {
font-family: "Mukta", serif;
font-optical-sizing: auto;
font-size: 17px;
font-weight: 400;
color: rgb(72, 72, 72);
text-align: left;
padding: 10px;
}

/* RIGHT BOX CONTAIN OPTIONS  */
.bckup_wr_opbx {
width: 30%;
height: auto;
}

/* LAZY LOADER  */
.de2ww3 {
width: 95%;
height: 400px;
margin-left: 25px;
margin-right: 25px;
margin-top: 40px;
}

.rty778 {
width: 100%;
height: 50px;
display: flex;
}

.ddw222 {
width: 35%;
height: 40px;
margin-right:10px;
border-radius: 5px;
background-color: rgb(238 238 238);
background: linear-gradient(
100deg,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, .5) 50%,
rgba(255, 255, 255, 0) 60%
) rgb(238 238 238);
background-size: 200% 100%;
background-position-x: 180%;
animation: 1s loading3 ease-in-out infinite;
transition-duration: 0.15s;    
}

.des {
width: 50%;
}

#lki889 {
display: none;
}



/* GENERATION SECTION  */
.brsc_gen_wp {
width: 100%;
min-height: 100vh;
margin: 0px;
padding: 0px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
/* display: none; */
}

.brsc_gen_wp img {
width: 70px;
margin-bottom: 20px;
}

.brcd_mnbx {
width: 100%;
height: 100%;
background-image: url("../static/setup.png");
padding-top: 20px;
padding-bottom: 20px;
display: none;
}

.brcd_mnbx button{
margin-left: 20px;
position: fixed;
}

.brcd_inbx {
width: 500px;
min-height: 100vh;
margin-left: auto;
margin-right: auto;
display: block;
padding-top: 20px;
padding-bottom: 20px;
background-color: white;
}

.brcd_inbx img {
width: auto;
margin-left: auto;
margin-right: auto;
display: block;
margin: 30px;
}

.fr_ech_fll_bx .setup_mydict {
display: flex;
}

.fr_ech_fll_bx .setup_mydict .fr_ech_svcn .fr_ec_gif {
margin-top: -3px;

}

.brcnpdprv {
width: 100%;
height: 250px;
display: none;
margin-top: 20px;
}

.brcnpdprv img {
width: 220px;
height: 200px;
display: block;
margin: 10px;
border: 1px rgb(188, 188, 188) solid;
margin-bottom:20px;
}

.brcnpdprv a {
width: 100%;
font-family: "Mukta", serif;
font-optical-sizing: auto;
font-size: 14px;
font-weight: 400;
color: rgb(255, 255, 255);
background-color: rgb(49, 135, 254);
text-decoration: none;
margin-left: 10px;
margin-top: 20px;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
}