.select2-container {
  /* width: auto !important; */
}
#original-field .boxes {
  /* display: none !important; */
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}

.toast-error {
  background-color: #f3d6d6 !important;
  color: #b10000 !important;
}
.removepad div.dataTables_filter input {
  margin-left: 0em;
}
div.dataTables_wrapper .removepad div.dataTables_filter input {
  margin-left: 0!important;
}
.grey-light{
  background-color: rgba(75, 70, 92, 0.08)!important;
    opacity: 1!important;
}
.dark-blue{
  color:blue;
}


.customerpreview .card-datatable .form-control {
  padding: 9px 0.75rem;
}
.customerpreview .card-datatable .form-select {
  padding: 9px 30px 9px 15px;
}
.withouttax .gst-tax{
  display: none !important;
}
.hide-column {
  display: none;
}
.addmore.stock-in-form {
  background-color: #00000008;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
}
.addmore.stock-in-form button.close {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 50px;
  height: 50px;
  border: 0px;
  font-size: 24px;
  line-height: 24px;
}
.addmores.stock-in-form {
  background-color: #00000008;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
}
.addmores.stock-in-form button.close {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 50px;
  height: 50px;
  border: 0px;
  font-size: 24px;
  line-height: 24px;
}

.ti-shopping-cart{
  color: #b10000;
}
.ti-chart-bar{
  color: #e68f3c;
}
.ti-currency-dollar{
  color: #28a745;
}
.hight-custom{
  height: 600px!important;;
  overflow: hidden;
}
.tax-invoice{
  color: #b10000;
}
.change-password{
  margin: 0 auto;
    width: 100%;
    max-width: 600px;
}
.login-bg {
  --bs-bg-opacity: 1;
  background-color: #dfdfdf !important;
  box-shadow: #00000036 1px -2px 20px 4px;
}
.invoice-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.invoice-header{
  display: flex;
  flex-wrap: wrap;
  gap: 0rem;
  margin-bottom: 30
  px;
}
.invoice-header .invoice-item{
    align-items: center;
    
}
.invoice-header .invoice-item.datefull .position-relative{
  width: 100%!important;
}
 .w-30{
  width: 32%!important;
 }

.invoice-item,
.invoice-footer-left,
.invoice-footer-right {
  flex: 1;
  min-width: 200px;
}

.invoice-item-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.invoice-item-col {
  flex: 1;
  /* min-width: 100px; */
}
.w-20{
  width: 20%!important;
}
.w-6{
  width: 6%!important;
}