.login-icon{
  width: 25px;
  height: 25px;
}

.login-page{
  background: url("/bg1.jpg") no-repeat center !important;
}

/* .brand-link .brand-image{
  width: 33px !important; 
} */

.bg-dark-blue {
  background-color: #232244;
  color: #fff;
}

/*DATATABLE STYLING*/
.table-products th {
  color: #6c757d;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.table-products td {
  vertical-align: middle;
  font-size: 0.9rem;
}

.product-img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 8px;
  margin-right: 10px;
}

.status-badge {
  font-size: 0.75rem;
  border-radius: 6px;
  padding: 0.25em 0.5em;
}

.low-stock {
  background-color: #fff3cd;
  color: #856404;
  border-radius: 6px;
  padding: 0.15rem 0.4rem;
  font-size: 0.75rem;
  font-weight: 500;
}

.rating i {
  color: #f8d347;
  font-size: 1rem;
}

.sml-txt {
  font-size: 12px;
  border-radius: 10px;
}

.table-space {
  height: 100px;
  margin-top: 50px;
}

/* DataTable adjustments */
/* .dataTables_wrapper .dataTables_filter {
  display: none;  
} */
/* We'll use custom search bar */

/* .dataTables_wrapper .dataTables_paginate .paginate_button {
  border-radius: 8px;
  padding: 2px 8px;
  margin: 0 2px;
} */

.icon-top {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  margin-right: 5px;
  padding: 10px;
  background-color: #2f2e5e;
}

.icon-img {
  width: auto !important;
  margin-right: 4px !important;
  padding: 10px;
}

.text-grey {
  color: #c3c3d1;
}

.text-grey:hover {
  color: #fff;
}

.mobile-menu {
  padding:10px;
}

.todo-line {
  width:6px; height:48px; border-radius:4px;
}

.profile-card {
    border-radius: 18px;
}