:root {
    --primary: #000000;
    --blue: #00AEED;
    --black:#000000;
    --red:#ff0000;
    --red1:#FF2C2C;
    --grey:#999999;
    --yellow:#EFBF7B;
    --darkyellow:#B18144;
    --grey:#e4e4e4;
    --darkgreen:#011F26;
    --darkgreen1:#1e3337;
    --yellow:#FFDF00;
    --yellow1:#E1AB20;
    --darkyellow:#C89933;
    --grey:#e4e4e4;
    --grey1:#ebebeb;
    --grey2:#b8b8b8;

    font-size: 14px;

    --f_sz11:0.786rem; 
    --f_sz12:0.86rem; 
    --f_sz13:0.929rem;
    --f_sz14:1rem;
    --f_sz15:1.071rem; 
    --f_sz16:1.143rem; 
    --f_sz17:1.214rem;
    --f_sz18:1.286rem; 
    --f_sz19:1.357rem; 
    --f_sz20:1.429rem;
    --f_sz21:1.5rem;
    --f_sz22:1.571rem;
    --f_sz24:1.714rem; 
    --f_sz26:1.857rem; 
    --f_sz28:2rem; 
    --f_sz30:2.142rem;

}


body.accent-custom { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 14px; color: #000000; }


.f_sz11 { font-size:0.786rem; }
.f_sz12 { font-size:0.86rem; }
.f_sz13 { font-size:0.929rem !important; }
.f_sz14 { font-size:1rem !important; }
.f_sz15 { font-size:1.071rem; }
.f_sz16 { font-size:1.143rem; }
.f_sz17 { font-size:1.214rem; }
.f_sz18 { font-size:1.286rem !important; }
.f_sz19 { font-size:1.357rem; }
.f_sz20 { font-size:1.429rem !important; }
.f_sz21 { font-size:1.5rem!important; }
.f_sz22 { font-size:1.571rem; }
.f_sz24 { font-size:1.714rem; }
.f_sz26 { font-size:1.857rem; }
.f_sz28 { font-size:2rem; }
.f_sz30 { font-size:2.142rem; }


.f_black { color: var(--black); }
.f_white { color: var(--white); }
.f_red { color: var(--red); }
.f_yellow { color:var(--yellow); }
.f_darkyellow { color:var(--darkyellow); }

.border_radius4 { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }


.bg_lightgreen { background-color: var(--primary); }
.bg_lightblue { background-color: var(--lightblue); }
.bg_darkblue1 { background-color: var(--darkblue1); }
.bg_darkblue2 { background-color: var(--darkblue2); }
.bg_blue { background-color: var(--blue); }

.flex_flow_rowwrap { flex-flow: row wrap; }
.align_items_cntr { align-items: center; }
.crsr_pntr { cursor: pointer; }


.fwt_400 { font-weight: 400; }
.fwt_500 { font-weight: 500; }
.fwt_600 { font-weight: 600; }
.fwt_800 { font-weight: 800; }

.accent-custom  .badge-warning {
    color: #ffffff;
    background-color: #ffc107;
}

.accent-custom .login-box.login_div { max-width: 470px; width: 96%; }


/* .accent-custom.login-page .card-primary.card-outline { border-top: 8px solid #0070BC; } */

.accent-custom.login-page .card-primary.card-outline .card-header { /*border-bottom:3px solid #8DC73D;*/ padding: 1.50rem 1.25rem; background-color: var(--darkgreen); border-radius: .25rem .25rem 0 0; -moz-border-radius: .25rem .25rem 0 0; -webkit-border-radius: .25rem .25rem 0 0; }

.accent-custom .btn-primary { color: #ffffff !important;  background-color:var(--darkgreen); border-color: var(--darkgreen); }
.accent-custom .btn-primary:hover, .accent-custom .btn-primary:focus, .accent-custom .btn-primary.focus { color: #ffffff !important; background-color: var(--darkgreen); border-color: var(--darkgreen); }
.accent-custom .btn-primary:not(:disabled):not(.disabled).active, 
.accent-custom .btn-primary:not(:disabled):not(.disabled):active,
.accent-custom .show>.btn-primary.dropdown-toggle { background-color: var(--black); border-color: var(--black); }

.accent-custom .btn-yellow, .accent-custom .btn-yellow:hover, .accent-custom .btn-yellow:focus, .accent-custom .btn-yellow.focus, .accent-custom .btn-yellow.active, .accent-custom .btn-yellow:active { background-color: var(--yellow); border-color: var(--yellow); color: var(--black);  }

.txt_lft { text-align: left; }
.txt_rgt { text-align: right; }

.txtarea_hgt { height: 150px !important; resize: none; }

.accent-custom .frmwdth_cntr { max-width: 1024px; width: 96%; margin: 0 auto; }

.accent-custom a { color:var(--darkyellow); }
.accent-custom a:hover, .accent-custom a:focus, .accent-custom a.focus, .accent-custom a:active, .accent-custom a.active { color:var(--darkyellow); }

.accent-custom .dropdown-item { color:var(--black); }

.accent-custom .input-group-text { background-color: var(--yellow); }
.accent-custom .input-group-text i { color:var(--black);  }

.accent-custom .login-logo img, .accent-custom .register-logo img { max-width:90px;  } 
.accent-custom .login_lftimg img { max-width: 100%; max-height: 300px; }
.accent-custom .multifactor_lftimg img { max-width: 100%; max-height: 400px; }
.accent-custom .frgtpwd_lftimg img { max-width: 100%; max-height: 400px; }
.accent-custom .resetpwd_lftimg img { max-width: 100%; max-height: 300px; }

.accent-custom .navbar { padding:.75rem .5rem; }
.accent-custom .nav-pills .nav-link.active, .accent-custom .nav-pills .show>.nav-link { background-color: #6dcf00; }

.accent-custom .brand-link .brand-image-xs {  max-height: 42px; }

.accent-custom [class*=sidebar-dark-] { background-color:var(--darkgreen); }

.accent-custom [class*=sidebar-dark] .brand-link, .accent-custom [class*=sidebar-dark] .brand-link .pushmenu { background-color:var(--darkgreen); padding: 1.1rem .5rem; }

.accent-custom .user_div { position: relative;  }
.accent-custom .usercharacter { width:32px; height: 32px; display: inline-block; line-height: 32px; text-align: center; font-size: var(--f_sz22); background-color:var(--yellow); color: #ffffff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;  }

.accent-custom .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link { text-align: left; color: var(--yellow); }

.accent-custom .nav-sidebar .nav-link p, .accent-custom .nav-sidebar .nav-item>.nav-link { text-align: left; }

.accent-custom .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, 
.accent-custom [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, 
.accent-custom [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, 
.accent-custom [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus
{ background-color: var(--yellow); color:var(--black); text-decoration: none; }


.menu-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #696a6a;
}

.accent-custom .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.accent-custom .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f8d7da; }

.accent-custom .footer_logotxt { text-align: left; }
.accent-custom .footer_copyrgt { text-align: right; }

.accent-custom .table thead th { background-color: var(--darkyellow); color:var(--white); font-weight: 600;  }
.accent-custom .table a { color: var(--darkgreen); }
.accent-custom .page-item.active .page-link {  background-color: var(--darkyellow); border-color: var(--darkyellow); }


.accent-custom .dashboard_dsply { max-width: 98%; margin: 0 auto; display: flex; flex-flow: row wrap;  }
.accent-custom .dashboard_boxes { display: flex; justify-items: center; }

.accent-custom .small-box .icon>i { font-size: 40px; opacity: 0.4; }

.accent-custom .dash_icon svg, .accent-custom .dash_icon img  { position: absolute; right: 15px; top:20px; width: 50px; opacity: 0.8;  }

.multifactor_div_cntr { max-width: 960px; width: 96%; margin: 0 auto;  }
.qrcode_img img { max-width: 100%; }

.accent-custom .card-primary.card-outline { border-top: 3px solid var(--yellow); }

.accent-custom .card-title { font-weight: 500; font-size: var(--f_sz18); color: var(--primary); }


.accent-custom .col-form-label, .accent-custom label { font-weight: 600 !important; }

.accent-custom .txtdsply  {  padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); }


.accent-custom .icheck-primary>input:first-child:checked+input[type=hidden]+label::before, 
.accent-custom .icheck-primary>input:first-child:checked+label::before {
    background-color: var(--blue);
    border-color: var(--blue); 
}


.accent-custom .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.accent-custom .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: var(--blue); 
}


.accent-custom .subtitle { border-bottom: 1px solid var(--grey);   }
.accent-custom .subtitle  h4 { border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;  background-color:var(--darkgreen); color: var(--white); padding: 8px; display: inline-block; }

.accent-custom .login_logo img { max-height: 70px; }


/***************File Upload***************/
.accent-custom .btn-bs-file{
    position:relative;
  cursor:pointer;
  }
  .accent-custom .btn-bs-file input[type="file"]{
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0); 
    opacity: 0;
    width:0;
    height:0;
    outline: none;
    cursor: inherit;
  }
  
  /***************File Upload***************/


.accent-custom .product_imgdiv { width: 100%; display: flex; flex-flow:row wrap; justify-content: center; position: relative; border: 1px solid #ced4da; border-radius: .375rem; -moz-border-radius: .375rem; -webkit-border-radius: .375rem; padding: 10px; }
.accent-custom .product_imgdiv img { max-width: 100%; max-height: 400px; }
.accent-custom .product_imgdel { position: absolute; right: -10px; top:-15px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #db0b00;  border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 10px; font-size:16px; color:#ffffff; } 

.accent-custom .prodlist_img img { max-height: 100px; }

.accent-custom .multiselectdiv .multiselect-container>li>a>label { padding: 3px 10px 3px 10px; }
.accent-custom .multiselectdiv .multiselect-container>li>a { color:var(--black); }
.accent-custom .multiselectdiv .dropdown-menu { min-width:220px; }

.accent-custom .viewimages_wrapper img { max-width: 100%; }
.accent-custom .store_imgdiv { width: 100%;  display: flex; flex-flow:row wrap; position: relative; border: 1px solid #ced4da; border-radius: .375rem; -moz-border-radius: .375rem; -webkit-border-radius: .375rem; padding: 10px; justify-content: center; }
.accent-custom .storeimg { height: 195px; width: 100%; display: flex; align-items: center; justify-content: center; }
.accent-custom .store_imgdiv img { max-width: 100%; margin-bottom: 5px; max-height: 180px; }
.accent-custom .store_imgdel { position: absolute; right: -10px; top:-15px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #db0b00;  border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 10px; font-size:16px; color:#ffffff; }  


@media (max-width: 767px) {
.accent-custom .footer_logotxt { text-align: center; }
.accent-custom .footer_copyrgt { text-align: center; }
}

/*.status-text {
     font-weight: bold; 
  }*/
  
  .status-text.shipped {
    color: blue; /* Example: Blue for Shipping */
  }
  
  .status-text.delivered {
    color: green; /* Example: Green for Delivered */
  }
  
  .status-text.cancelled {
    color: red; /* Example: Red for Cancelled */
  }
  
  .status-text.ordered {
    color: orange; /* Example: Orange for Ordered */
  }

  /* Selected Items Container */
.selected-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 0;
  min-height: 40px;
}

/* Badge Styling */
.selected-items .badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  transition: all 0.2s ease;
}

/* Primary Badge (Categories) */
.selected-items .badge.bg-primary {
  background-color: #0d6efd;
  color: white;
}

/* Info Badge (SubCategories) */
.selected-items .badge.bg-info {
  background-color: #0dcaf0;
  color: white;
}

/* Remove Button in Badge */
.selected-items .badge button {
  background: transparent;
  border: none;
  padding: 0;
  margin-left: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

.selected-items .badge button:hover {
  opacity: 1;
}

/* Select Dropdown Styling */
.category-select {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  margin-bottom: 8px;
  background-color: white;
  transition: border-color 0.15s ease-in-out;
}

.category-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* SubCategory Section */
.subcategory-section {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #dee2e6;
}

/* Category Label */
.category-label {
  display: block;
  font-size: 14px;
  color: #6c757d;
  margin-bottom: 4px;
}

/* Error Messages */
.error-message {
  color: #dc3545;
  font-size: 12px;
  margin-top: 4px;
  display: block;
}

/* Disabled State */
.selected-items .badge.disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

/* Loading State */
.loading-state {
  opacity: 0.7;
  pointer-events: none;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .selected-items {
      gap: 6px;
  }

  .selected-items .badge {
      font-size: 12px;
      padding: 4px 8px;
  }
}

/* Hover Effects */
.selected-items .badge:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Animation for Adding/Removing Badges */
@keyframes badgeIn {
  from {
      opacity: 0;
      transform: scale(0.8);
  }
  to {
      opacity: 1;
      transform: scale(1);
  }
}

.selected-items .badge {
  animation: badgeIn 0.2s ease-out;
}

/* Custom Scrollbar for Overflow */
.selected-items::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.selected-items::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.selected-items::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}

.selected-items::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.delivery-status.ordered { color: #17a2b8; }
.delivery-status.packed { color: #ffc107; }
.delivery-status.shipped { color: #fd7e14; }
.delivery-status.out_for_delivery { color: #6f42c1; }
.delivery-status.delivered { color: #28a745; }
.delivery-status.cancelled { color: #dc3545; }
.delivery-status.pending { color: #6c757d; }



.web-store-option {
  margin: 20px 0;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}

.web-store-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 15px;
}

.web-store-label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  flex: 1;
}

.checkmark {
  width: 20px;
  height: 20px;
  border: 2px solid #007bff;
  border-radius: 4px;
  position: relative;
  flex-shrink: 0;
  margin-top: 2px;
}

.form-checkbox:checked + .web-store-label .checkmark {
  background-color: #007bff;
}

.form-checkbox:checked + .web-store-label .checkmark::after {
  content: "✓";
  position: absolute;
  top: -2px;
  left: 3px;
  color: white;
  font-weight: bold;
}

.web-store-content {
  flex: 1;
}

.web-store-content strong {
  font-size: 16px;
  color: #333;
  margin-bottom: 5px;
  display: block;
}

.web-store-content p {
  color: #666;
  margin: 0;
  font-size: 14px;
}

.web-store-benefits {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #dee2e6;
}

.benefit-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  color: #28a745;
  font-size: 14px;
}

.benefit-item i {
  width: 16px;
  color: #007bff;
}