* {
  box-sizing: border-box;
}
html {
  margin: 0;
  padding: 0;
}

section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 32px;
}

select {
  display: block;
}

.formWrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 20px;
}

.formWrapper form {
  margin-top: 30px;
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: right;
  align-items: center;
}

.formWrapper form div {
  margin: 10px;
  width: 90%;
}

#neuclnt form,
#crrntclnt form {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: right;
  align-items: center;
}

.deleteModel {
  width: 70%;
}

footer {
  margin-top: 100px;
}

.containerDiv {
  margin: 10 px;
  width: inherit;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.showArticle {
  padding: 20px;
  display: none;
  position: absolute;
  left: 185px;
  top: 100px;
  z-index: 20;
  background-color: white;
  width: 70%;
  height: 400px;
  overflow: scroll;
}

.showArticle .submitBtnContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.checkBoxContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.labels {
  margin: 20px;
}

.card-container {
  width: 20rem;
  min-width: 10rem;
  height: 15rem;
  margin: 2rem;
}

.home-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 32px;
}

.image-icon {
  width: 50px;
}

.card-header__container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.itm {
  display: flex;
  justify-content: center;
  align-items: center;
}

.rmvBtn {
  width: 15rem;
}

.input-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#main-media {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.bill-container {
  border-style: groove;
  padding: 10px;
}

#bill-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bill-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#bill-header label {
  margin: 5px;
}

.bill-body input {
  margin: 5px !important;
}
.bill-body select {
  margin: 5px !important;
}
.back-drop {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  border: solid 1px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.centerContent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.stockTbl {
  width: 50%;
}