@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&family=Poppins&display=swap");
:root {
  --primary: green;
  --secondary: #39395f;
  --option2: #43bd25d6;
  --option3: #c0ff008c;
  --option1: #efff0096;
  --primaryb: rgb(249 46 0);
  --optionb2: #ffa726;
  --optionb3: #ff9e0063;
  --optionb1: #dfff006e;
  --primaryi: rgb(16 0 255);
  --optioni2: #0041ffbf;
  --optioni3: #5ff2ff1f;
  --optioni1: #7645f13b;
  --primaryr: rgb(255 0 0);
  --optionr2: #ff0000bf;
  --optionr3: #ff00b112;
  --optionr1: #f145451f;
}
/* header nav bar */
.headernav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  border-bottom: 5px solid rgb(0, 0, 0);
}
/* common */
.alrt {
  text-align: center;
  margin-left: 100px;
  margin-right: 100px;
  margin-top: 10px;
}
/* body {

}
.bodyhead {

} */
/* Font Style*/
* {
  font-family: "Open Sans", sans-serif;
}
/* footer */
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
/* dashboard style */
.dhead {
  display: flex;
  justify-content: center;
}
#dashbox {
  margin: 20px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px;
  height: 130px;
  width: 130px;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
  border-radius: 5px;
  background-color: white;
}
#dashbox:nth-child(1) {
  border: 3px solid green;
  color: green;
}
#dashbox:nth-child(2) {
  border: 3px solid purple;
  color: purple;
}
#dashbox:nth-child(3) {
  border: 3px solid blue;
  color: blue;
}
#dashbox:nth-child(4) {
  border: 3px solid rgb(255, 102, 0);
  color: rgb(255, 102, 0);
}
#dashbox:nth-child(5) {
  border: 3px solid red;
  color: red;
}
#dashbox:nth-child(6) {
  border: 3px solid #ff00c0;
  color: #ff00c0;
}
#dashbox:nth-child(7) {
  border: 3px solid blueviolet;
  color: blueviolet;
}
#dashbox:nth-child(8) {
  border: 3px solid #8d3308;
  color: #8d3308;
}
#dashbox:nth-child(9) {
  border: 3px solid #00cf5c;
  color: #00cf5c;
}
.dash-container {
  display: flex;
  flex-direction: row;
  font-size: 10px;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
/* Add category style */

/* manage category */
.tbl_con {
  margin: 66px;
  border: 3px solid black;
  padding: 30px;
  border-radius: 5px;
}
table {
  text-align: center;
  border: 6px solid black;
  border-radius: 4px;
  font-size: 15px;
}
/* add book */

/* manage books */
.tbl_conmb {
  margin: 20px;
  border: 3px solid black;
  padding: 15px;
  border-radius: 5px;
}
/* add issue */

/* add return */
.addreturn_container {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 5px solid var(--optionr2);
  margin: 8px;
  padding: 25px;
  /* margin: 20px;
  padding: 20px; */
  background-image: radial-gradient(var(--optionr3), var(--optionr1));
  border-radius: 10px;
}
.addreturn_main {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  color: var(--primaryr);
  font-size: 15px;
}
.addreturn_main input[type="text"] {
  border: 2px solid var(--optionr2);
  border-radius: 4px;
}
.addreturn_main input[type="text"]:focus {
  border: 2px solid var(--optionr2);
  border-radius: 4px;
  border-color: var(--optionr2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px var(--optionr2);
}
.addreturn_main textarea {
  border: 1px solid var(--optionr2);
}
.addreturn_main textarea:focus {
  border-color: var(--optionr2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px var(--optionr2);
}
.pan_headreturn {
  font-size: 25px;
  font-family: "Open Sans";
  font-weight: bold;
}
.tbl_conr {
  margin: 66px;
  border: 3px solid black;
  padding: 30px;
  border-radius: 5px;
}
/* manage_return */
.legend {
  display: flex;
  font-size: 18px;
  width: 460px;
  border: 2px solid black;
  padding: 10px;
  justify-content: center;
}
.legcold {
  margin: 6px;
  height: 15px;
  width: 15px;
  background: yellow;
}
.legcolm {
  margin: 6px;
  height: 15px;
  width: 15px;
  background: red;
}
/* manage_book #ff8080 */
.legcola {
  margin: 6px;
  height: 15px;
  width: 15px;
  background: #80ff80;
}
.legcoli {
  margin: 6px;
  height: 15px;
  width: 15px;
  background: #8080ff;
}
.legcolda {
  margin: 6px;
  height: 15px;
  width: 15px;
  background: #ffff80;
}
.legcolmi {
  margin: 6px;
  height: 15px;
  width: 15px;
  background: #ff8080;
}
.leg {
  display: flex;
  font-size: 18px;
  border: 3px solid black;
  padding: 10px;
  justify-content: center;
  border-radius: 5px;
  margin: 22px;
}
/* reports */
.rep_con {
  margin: 20px;
  padding: 30px;
}
.rec_head {
  margin: 20px;
  margin-top: 70px;
}
/*  */
.legcolp {
  margin: 6px;
  height: 15px;
  width: 15px;
  background:	#C0C0C0;
}
/*  */