@font-face {
  font-family: nirmala;
  src: url("../font/Nirmala.woff") format("woff");
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: nirmala !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body {
  position: relative;
}
.mysppiner {
  position: absolute;
  top: 50%;
  color: green;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
a {
  text-decoration: none !important;
}
.formContianer::-webkit-scrollbar {
  display: none;
}
.ShowCategory::-webkit-scrollbar {
  display: none;
}
table.dataTable tbody td {
  font-size: 13px;
}
table.dataTable thead th {
  font-size: 14px;
}
table tbody td {
  font-size: 13px;
}
table thead th {
  font-size: 14px;
}
header {
  background-color: green;
  color: #fff;
}
/* .main-body-container input,
select,
textarea {
  background-color: #f8f2f2 !important;
  box-shadow: inset 0 2px 5px #4b4a4a11;
} */

.Text-overflow {
  white-space: nowrap;
  max-width: 100px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-check-input:checked {
  background-color: blueviolet !important;
}
.main-body-container {
  width: 100vw;
  height: 635px;
  /* background-color: red; */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.imgspan span {
  font-size: 14px;
}

.footer-main {
  width: 100vw !important;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 10px rgb(127, 125, 125);
  color: #222222;
  position: fixed !important;
  bottom: 0 !important;
  z-index: 99;
}
footer {
  width: 100vw !important;
}
.logoname {
  color: #fff;
  margin-left: 20px;
}
.MenuBtn {
  font-size: 30px;
  margin-right: 20px;
  cursor: pointer;
  padding-bottom: 5px !important;
}

.navcontainer {
  width: 95% !important;
  padding: 0 !important;
}
.menulist li a {
  color: #fff !important;
}
.menuSelection {
  width: 300px;
  height: 40px;
  background-color: green;
  color: #fff;
  position: absolute;
  rotate: 270deg;
  transform-origin: 0% 0%;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 30px;
  padding-right: 40px;
  top: 450px;
  left: 0;
  cursor: pointer;
}
/* ------------------------------- */

.offcanvas-start {
  width: 300px !important;
}
.offcanvas-header {
  border-bottom: 1px solid rgb(171, 168, 168);
  background-color: green;
  color: #fff;
}
.offcanvas-header .closeBtn {
  all: unset;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}
.offcanvas-body {
  background-color: green !important;
}
.menuItems {
  height: auto;
}
/* .modal-backdrop {
  background-color: transparent !important;
} */
.dashBtn {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  background-color: #fff;
  color: green;
  display: flex;
  justify-content: left;
  align-items: center;
  padding-left: 20px;
  gap: 15px;
}
/* ------------------------------- */

.accordion-button {
  background: #fff !important;
  border-radius: 5px !important;
  color: green !important;
}
.accordion-item {
  background-color: transparent !important;
  margin-bottom: 10px !important;
  border-radius: 5px !important;
  border: 0 !important;
}
/* .accordion-button::after {
  background-image: url() !important;
} */
.accordion-button:not(.collapsed) {
  box-shadow: none !important;
  background-color: #fff !important;
  color: green !important;
  border-radius: 5px !important;
}
.accordion-button:focus {
  box-shadow: none !important;
}
.menuItmslist ul {
  margin-bottom: 0;
  padding-left: 0;
}
.menuItmslist li {
  width: 90%;
  color: #fff;
  margin-top: 10px !important;
  list-style: none;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 10px;
  padding-left: 20px;
}
.menuItmslist li i {
  margin-bottom: 5px;
}
.dashBtn i {
  margin-bottom: 5px;
}
.menuItmslist a {
  text-decoration: none;
  padding-top: 5px;
}
/*------------------------------- */

.menusectionname {
  width: 40%;
  display: flex;
  justify-content: start;
  align-items: center;
  height: 50px;
}
.menusectionname H4 {
  font-size: 14px;
  margin-bottom: 0;
  padding: 10px 50px;
  background-color: #305403;
}
.menutoggle {
  width: 20%;
  height: 50px;
  display: flex;
}
.rightdivision {
  width: 40%;
  height: 50px;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 20px;
}
.rightdivision i {
  font-size: 20px;
}
.dropdown-toggle::after {
  all: unset;
}

.show-content {
  width: 90%;
  height: 635px;
  /* overflow-y: scroll; */
  /* background-color: rgb(229, 91, 91); */
}
.SignContainer {
  width: 100vw;
  height: 100vh;
  background: rgb(3, 150, 3);
  background: linear-gradient(
    180deg,
    rgb(2, 152, 2) 0%,
    rgb(1, 135, 1) 33%,
    rgba(0, 128, 0, 1) 100%
  );
  display: flex;
  justify-content: center;
  align-items: center;
}
.logoelements {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  gap: 10px;
  font-size: 30px;
}
.signInputs {
  margin-top: 30px;
}
.signInputs .input1 {
  width: 300px;
  height: 60px;
  border: 0;
  border-radius: 0;
  color: #fff;
  padding-left: 30px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: rgb(1, 88, 1);
  box-shadow: inset 0 2px 5px #00000025;
}
.signInputs .input2 {
  width: 300px;
  height: 60px;
  border: 0;
  color: #fff;
  padding-left: 30px;
  border-top: 1px solid green;
  border-radius: 0;
  background-color: rgb(4, 91, 4);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: inset 2px 0 5px #00000027;
}
.input1::placeholder {
  color: rgba(255, 255, 255, 0.74);
}
.input2::placeholder {
  color: rgba(255, 255, 255, 0.74);
}
.signBtn {
  margin-top: 30px;
}
.signBtn button {
  width: 100%;
  height: 40px;
  background-color: #68b30b;
}
.signBtn button:hover {
  width: 100%;
  height: 40px;
  background-color: #7ad60a;
}
.tabsection {
  display: flex;
  justify-content: left;
  align-items: center;
  width: 100%;
  height: 60px;
  /* background-color: red; */
  margin-top: 10px;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
}
.tabcontentsection {
  width: 100%;
  height: 540px;
  /* background-color: red; */
  /* overflow-y: scroll; */
}
.CateContentmodel {
  width: 100%;
  height: auto;
  /* background-color: #7ad60a; */
  display: flex;
  column-gap: 10px;
}
.CateContent {
  width: 100%;
  height: auto;
  /* background-color: #7ad60a; */
  display: flex;
  column-gap: 10px;
}
.nav-link {
  color: green !important;
}
.nav-item .active {
  color: #305403 !important;
}
.AddCategory {
  width: 25%;
  height: 560px;
  /* background-color: #63a316; */
  border: 1px solid rgba(0, 128, 0, 0.396);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.AddCategory h6 {
  width: 100%;
  padding: 10px 15px;
  background-color: green;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.AddCategory form {
  width: 100%;
}
.AddCategorymodel {
  width: 25%;
  height: auto;
  /* background-color: #63a316; */
  border: 1px solid rgba(0, 128, 0, 0.396);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.AddCategorymodel h6 {
  width: 100%;
  padding: 10px 15px;
  background-color: green;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.AddCategorymodel label {
  font-size: 14px;
  font-weight: 600;
}
.AddCategorymodel button {
  width: 100%;
  margin-top: 20px;
  background-color: green;
  border-radius: 2px;
}
.AddCategorymodel span {
  width: 100%;
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ShowCategory {
  width: 75%;
  height: 560px;
  /* background-color: #2d4512; */
  border: 1px solid rgba(0, 128, 0, 0.416);
  border-radius: 5px;
  overflow-y: scroll;
  padding: 13px 15px;
}
.ShowCategory img {
  width: 60px;
  height: 60px;
}
.dt-button {
  background-color: green !important;
  color: #fff !important;
  border: 0 !important;
  margin: 0 !important;
  margin-bottom: 10px !important;
  padding: 0 10px;
  border-radius: 3px;
  font-size: 12px !important;
  line-height: 1.5rem !important;
}
.dt-length label {
  display: none !important;
}
.dt-length select {
  height: 35px !important;
  margin-bottom: 10px;
}
.maindom {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* background-color: green; */
}

.domheader {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  /* background-color: red; */
  height: auto;
}
.domleft {
  width: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  height: auto;
}
.domright {
  width: auto;
  display: flex;
  align-items: center;
  height: 35px;
}

.tabledata {
  width: 100%;
  height: 400px;
  /* background-color: blue; */
}
.CustTableInput {
  appearance: none;
  width: 200px !important;
  height: 35px;
  padding-left: 10px;
  padding-right: 30px !important;
  background-color: green !important;
  color: #fff;
  border-radius: 3px;
  font-size: 12px !important;
  margin-bottom: 10px !important;
}
#CustomSelectWrapper {
  width: 250px !important;
}
.CustTableInput:hover {
  background-color: green !important;
}
.dt-search {
  width: 265px !important;
}
.CustTableInput:focus {
  outline: none;
  background-color: green !important;
}
.customtextin {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.customtextin h6 {
  padding: 10px 15px;
  background-color: #5b664d;
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.customtextin h5 {
  padding: 10px 15px;
  background-color: red;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
}
.veri_icon {
  font-size: 14px !important;
}
.ShowCategorymodel {
  width: 75%;
  height: 550px;
  /* background-color: #2d4512; */
  border: 1px solid rgba(0, 128, 0, 0.416);
  border-radius: 5px;
  overflow-y: scroll;
  padding: 15px 15px;
}
.ShowCategorymodel img {
  width: 60px;
  height: 60px;
}
.Sand-input-group {
  width: 100%;
  margin-top: 10px;
}
.formContianer {
  width: 100%;
  overflow-y: scroll;
}
.formContianer label {
  font-size: 14px;
  font-weight: 600;
}

.AddCategory label {
  font-size: 14px;
  font-weight: 600;
}
.page-item.active .page-link {
  background-color: green;
  border-color: green;
}
.page-link {
  color: green;
}
.iconBtn i {
  width: 30px;
  height: 30px;
  font-size: 20px;
  padding-bottom: 8px;
  border-radius: 2px;
  margin-left: 10px;
  color: green !important;
  cursor: pointer;
}
.iconBtn td {
  text-align: left !important;
}

.AddCategory button {
  width: 100%;
  margin-top: 20px;
  background-color: green;
  border-radius: 2px;
}
.AddCategory span {
  width: 100%;
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.AddVariant {
  width: 100%;
  height: 540px;
  /* background-color: #63a316; */
  border: 1px solid rgba(0, 128, 0, 0.396);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.AddVariant h6 {
  width: 100%;
  padding: 10px 15px;
  background-color: green;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.AddVariant button {
  width: 100%;
  margin-top: 20px;
  background-color: green;
  border-radius: 2px;
}
.AddVariant span {
  width: 100%;
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imgaepreview {
  margin-top: 30px;
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: start;
}
.imgaepreview img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  display: none;
}
.actionBtns {
  display: flex;
}
.actionBtns .form-switch {
  margin-top: 5px !important;
}
.vrtimgPreview {
  width: 80px;
  height: 80px;
  display: none;
  margin-top: 20px;
}
.vrtimgPreview img {
  width: 80px;
  height: 80px;
}
.formContianermodel {
  width: 100%;
  height: 120px;
  overflow-y: scroll;
  margin-top: 20px;
  border: 2px solid green;
}
.formContianermodel label {
  font-size: 14px;
  font-weight: 600;
}
.variantImage {
  width: 100px;
  height: 100px;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 10px;
  padding: 10px;
  align-items: center;
}
.vntimbox img {
  width: 100%;
  height: 100%;
}
.vntimbox {
  width: 80px;
  height: 80px;
  position: relative;
}
.vntimbox span {
  width: 30px;
  height: 30px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  color: red;
  top: -5px;
  right: 0;
}
.addvntmodelhead {
  width: 100%;
  height: 90px;
  background-color: rgb(0, 128, 0);
  color: #fff;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 0 20px;
  border: 1px solid green;
}
.addvntmodelhead button {
  margin-top: 42px;
}
.editpromodel {
  width: 100%;
  height: auto;
  /* background-color: #63a316; */
  border: 1px solid rgba(0, 128, 0, 0.396);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.editpromodel h6 {
  width: 100%;
  padding: 10px 15px;
  background-color: green;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.editpromodel label {
  font-size: 14px;
  font-weight: 600;
}
.editpromodel button {
  width: 100%;
  margin-top: 20px;
  background-color: green;
  border-radius: 2px;
}
.editpromodel span {
  width: 100%;
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.VariantContent {
  width: 25%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.addtypebox {
  margin-bottom: 20px;
  width: 100%;
  padding: 20px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(0, 128, 0, 0.396);
}

.addtypebox h6 {
  width: 100%;
  padding: 10px 15px;
  margin: 0;
  background-color: green;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.addtypebox button {
  width: 100%;
  height: auto;
}
.addtypename {
  width: 100%;
  height: auto;
  border: 1px solid rgba(0, 128, 0, 0.396);
  border-radius: 5px;
  display: flex;
  padding: 15px;
  flex-direction: column;
  align-items: center;
}
.addtypevalue {
  width: 100%;
  height: auto;
  border: 1px solid rgba(0, 128, 0, 0.396);

  border-radius: 5px;
  display: flex;
  flex-direction: column;
  padding: 15px;
  align-items: center;
}
.hintsmsg {
  font-size: 12px;
  color: red;
}

.VantContent {
  width: 100%;
  height: 400px;
  background-color: #7ad60a;
  display: flex;
  column-gap: 10px;
}
.ShowTypelists::-webkit-scrollbar {
  display: none;
}
.ShowTypelists {
  width: 75%;
  height: 560px;
  overflow-y: scroll;
  gap: 10px;
  display: flex;
}
.ShowTypelists img {
  width: 60px;
  height: 60px;
}
.tablecontent {
  width: 50%;

  border: 1px solid rgba(0, 128, 0, 0.416);

  padding: 15px;
  border-radius: 5px;
}
.tablecontent2 {
  width: 50%;
  border: 1px solid rgba(0, 128, 0, 0.416);
  padding: 15px;
  border-radius: 5px;
}
.ShowShopTable {
  width: 100%;
  height: 560px;
  text-transform: capitalize;
  border: 1px solid rgba(0, 128, 0, 0.416);
  border-radius: 5px;
  overflow-y: scroll;
  padding: 13px 15px;
}
.ShopDetails {
  width: 30%;
  height: 560px;
  border: 1px solid rgba(0, 128, 0, 0.396);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
  position: relative;
}
.ShopDetails h6 {
  width: 100%;
  padding: 10px 15px;
  background-color: green;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.ShopDetails .card-body {
  font-size: 13px !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-transform: capitalize;
}
.shopdeltbtn {
  position: absolute;
  top: -20px;
  right: -10px;
  font-size: 25px;
  color: red;
}
.ShowShopTable img {
  width: 60px;
  height: 60px;
}
.TestPanelContent {
  width: 100%;
  height: 560px;
  border: 1px solid rgba(0, 128, 0, 0.396);
  border-radius: 5px;
  display: flex;
  gap: 25px;
  justify-content: left;
  align-items: start;
  padding: 30px;
}
.senderBox {
  border-radius: 5px;
  border: 1px solid rgba(0, 128, 0, 0.396);
}
.senderBox img {
  width: 80px;
  height: 60px;
  object-fit: contain;
}
.testmasg {
  font-size: 13px;
  color: green;
}
.sentbtndiv button {
  float: right;
}
.sentbtndiv {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: end;
}
.senderBox .card-body {
  display: flex;
  flex-direction: column;
}
.changediv {
  position: relative;
}
.tableselect {
  background-color: rgb(18, 151, 18) !important;
  width: 200px;
  margin: 0;
  color: #fff;
}
.changepass {
  width: 965px;
  height: 40px;
  /* background-color: green; */
  margin-top: 5px;
  position: absolute;
  right: 0;
  display: none;
  align-items: center;
  justify-content: left;
  gap: 20px;
}
.changepass input {
  height: 35px;
  width: 200px;
  font-size: 12px;
}
.changepass button {
  height: 35px;
  width: 100px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: green;
}
.changepass i {
  font-size: 25px;
  margin-bottom: 10px;
  color: rgb(198, 15, 15);
  cursor: pointer;
}
#passchngr {
  font-size: 12px;
}