@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body,
html {
  font-family: "Poppins", sans-serif !important;
}
.custom_textarea {
  height: 34px !important;
}
.main-sidebar {
  background-color: #8dc53d;
}
.os-content {
  padding: 0px !important;
}
.nav-link {
  color: #fff !important;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #d00140 !important;
}
.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #d00140 !important;
}
.navbar {
  margin-bottom: 0px !important;
}
.main-header {
  border-bottom: 1px solid #dee2e6 !important;
}
p.ml-3 {
  font-size: 14px !important;
  font-weight: 300 !important;
}
.navbar-nav > li > a {
  padding-top: 10px !important;
}
.content-wrapper {
  background: #fff !important;
}

.order-card {
  color: #fff;
}

.bg-c-blue {
  background: linear-gradient(45deg, #4099ff, #73b4ff);
}

.bg-c-green {
  background: linear-gradient(45deg, #2ed8b6, #59e0c5);
}

.bg-c-yellow {
  background: linear-gradient(45deg, #ffb64d, #ffcb80);
}

.bg-c-pink {
  background: linear-gradient(45deg, #ff5370, #ff869a);
}

.card {
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
  box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
  border: none;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.card .card-block {
  padding: 25px;
}

.order-card i {
  font-size: 26px;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}
thead {
  background-color: #8dc53d;
  color: #fff;
}
td,
th {
  white-space: nowrap;
}
.scroll {
  overflow: auto;
}
div#myTable_wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}
input[type="search"] {
  outline: none !important;
}
.download-btn {
  background-color: #d00140;
  color: #fff !important;
  padding: 10;
  border-radius: 6px;
}
.upload-btn {
  background-color: lightgray;
  /* color: #fff !important; */
  padding: 10px;
  border-radius: 6px;
  color: #000 !important;
}

.add-new-btn {
  background-color: #8dc53d;
  color: #fff !important;
  padding: 10px;
  border-radius: 6px;
  text-decoration: none;
}
.update-new-btn {
  background-color: #8dc53d;
  color: #fff !important;
  border-radius: 6px;
  text-decoration: none;
  padding: 10px;
}
.cancel-new-btn {
  background-color: lightgray;
  color: #000 !important;
  border-radius: 6px;
  text-decoration: none !important;
  padding: 10px;

  color: #fff !important;
  border-radius: 6px;
  text-decoration: none;
}
a.btn.btn-danger {
  background-color: lightgray;
  color: #000;
  border: none;
}
.btn-dark {
  background-color: #8dc53d !important;
  border: none;
}
.add-new-btn:hover {
  text-decoration: none;
}
a#myTable_previous {
  border: 1px solid #8dc53d;
  border-radius: 6px;
  margin-right: 2rem;
}

a#myTable_previous:hover {
  background-color: #8dc53d !important;
  color: #fff !important;
}
a#myTable_next {
  border: 1px solid #8dc53d;
  border-radius: 6px;
}
a.paginate_button.current {
  background: #8dc53d !important;
  color: #fff !important;
  border-radius: 6px;
}
a.paginate_button:hover {
  background: #8dc53d !important;
  color: #fff !important;
  border-radius: 6px;
}

a#myTable_next:hover {
  background: #8dc53d !important;
  color: #fff !important;
}
table.dataTable thead .sorting_asc,
.sorting_desc,
.sorting {
  background-image: none !important;
}

/* Admin Login Page */
.form-label {
  font-weight: 500 !important;
  margin-bottom: 1px !important;
}

.btn-height {
  height: 100px;
}
.form-control:focus {
  outline: none !important;
  box-shadow: none !important;
}

.form-select:focus {
  border-color: black;
  outline: black !important;
  box-shadow: none !important;
}

@media (min-width: 1025px) {
  .h-custom-2 {
    height: 100%;
  }
}
.input_field_prop {
  height: 43px !important;
  border-radius: 8px !important;
}
.box {
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  width: 100%;
  height: 45px;
  background-color: white;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.icon {
  opacity: 0px;
  font-size: 17px;
  color: #777777;
  margin-left: 10px;
  margin-right: 5px;
}
.input {
  flex: 1;
  height: 40px;
  background-color: white !important;
  border: none !important;
  outline: none;
  font-size: 15px;
  padding-left: 15px;
  opacity: 0.6;
}

/* End Admin Login Page */

.loginButton {
  display: block;
  width: 100%;
}
label.font-weight-bold,
label,
th {
  font-weight: 500 !important;
}
.form-control {
  height: 43px !important;
}

button.btn {
  height: 43px !important;
}

input[type="search"] {
  height: 36px !important;
}

a.add-new-btn,
a.btn.btn-danger {
  height: 43px !important;
  padding-top: 1.2rem !important;
}

input.btn.btn-dark {
  height: 43px !important;
}
a.btn.btn-danger {
  height: 43px !important;
  padding-top: 1.1rem !important;
}
a.fas.fa-edit.text-secondary {
  text-decoration: none !important;
  margin-left: 2rem;
}

button.swal-button.swal-button--confirm {
  background-color: #001931;
  border: none;
}
button.swal-button.swal-button--confirm:hover {
  background-color: #001931;
  border: none;
}
input#addnewrecord {
  color: #012243 !important;
}
.product-status {
  background-color: #05b13f;
  color: #fff;
  width: fit-content;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 4px;
}
.hiddenRow {
  padding: 0 !important;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  vertical-align: middle !important;
}
select#ManufacturerStatus,
select#AllowBulkOrder,
select#Status {
  text-align: center;
}
a.text-secondary {
  margin-left: 1rem;
}
.dataTables_wrapper .dataTables_processing {
  display: none !important;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #1f2d3d !important;
}
.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  top: 4px !important;
}
.filter-option-inner,
.filter-option {
  outline: none;
}
select#CustomerStatus {
  width: auto;
  text-align: center;
}
.description-cell {
  max-width: 200px;
  white-space: normal;
  word-wrap: break-word;
}