.xl {width:100%;display:block;}
.qu {width:20%;display:inline-block;}
.logo {text-align: left; border-bottom: 3px; border-bottom: 7px solid #028c0d; padding-bottom: 15px;}
.prod_form, .prod_img, .products {margin-left: 10px; margin-right: 10px; max-height: 55vh; display: inline-block;}
.drugs-non {margin-inline: 30px; font-size: x-large;}
.center_login {margin-top: 10vh;margin-bottom: 10vh;margin-left: auto; margin-right: auto;display: block; max-width: 80%; min-width: 50%; padding: 5vw;background-color: ghostwhite; }
.mywork_tr { font-weight: bold; width:500px}
.mywork_th { font-weight: 400; width: 250px; border: 1px solid black;}
.mywork_td { font-weight: 400; width: 250px; border: 1px solid black;}
.thumb_prod { width: 25%; } 
.prod_data { width: 15%; }
.prod_code { width: 6%; }
.prod_btn { width: 3%; }
.tr_xl { width: 100%; }
.td_xl { width: 100%; }
.del_prod { text-align: center; padding: 4px 12px; border: 1px solid blue; color: white; border-radius: 8px; }
.apr_rej { display: flex;}
.approve { text-align: center; display: inline-flex; padding: 2px 12px; border: 1px solid green; color: green; border-radius: 8px; margin: 3px auto ; }
.approve a {color: green;}
.reject  { text-align: center; display: inline-flex; padding: 2px 12px; border: 1px solid red; color: red; border-radius: 8px; margin: 3px auto ; }
.reject a {color: red;}
.approve.a, .approve.a a {color: white; background-color: green; }
.reject.r , .reject.r a {color: white; background-color: red; }
.text_center {text-align: center;}