@CHARSET "UTF-8";
/* Custom CSS */
.ibox-heading {
    background-color: var(--admin-card-bg, rgba(55,65,81,0.05)) !important;
    border-left: 3px solid var(--admin-primary, #f97316) !important;
}
.hideEm .has-error .help-block,
.hideEm em{display: none !important;}
.pj-grid .table-responsive-actions .btn{padding: 6px 3px;}
@media (max-width:1600px){
	.timeline-item .badge { margin-bottom: 15px; }
}
.tox.tox-silver-sink{z-index: 9999;}
.arrow_down .fa,
.arrow_up .fa{font-size: 20px;}

.tabs-product-info .pjProductAttr.disabled{pointer-events: none; filter: alpha(opacity=65);opacity: .65;}


/********Gallery************/
span.pj-button-down {
    width: 14px !important;
}
.gallery-item{
	background-color: var(--admin-card-bg-solid, #fdfdfd);
	float: left;
	width: 100px;
	height: 140px;
	margin: 0 5px 5px 0;
	text-align: center;
}
.gallery-image{
	cursor: move;
	margin: 0 !important;
}
.gallery-image a.image{
	cursor: move;
}
.gallery-image img{
	border: solid 1px var(--admin-table-border, #ccc);
	padding: 1px;
	margin: 7px 0 0 0;
}
.cropper-container{
	width: 100% !important;
}
.plugin_gallery_rotate_actions{margin: 0 0 0 0 !important;}
.plugin_gallery_btn_icon i{font-size: 16px;}
.pj-edit-gallery .form-group{overflow: hidden;}
.pj-menu-list{list-style-type: none;}

.attrBoxRowItems .pjScAttrItem{float: left; width: 70%;}
.attrBoxRowItems .item-move-icon,
.attrBoxRowItems .btnAttrRemove,
.attrBoxRowItems .btnAttrGroupRemove,
.attrBoxRowItems .btnAttrDelete{margin-left: 5px; margin-top: 2px;}
.select2-container .select2-selection--multiple{height: unset !important;}
.stock-image{
	display: inline-block;
	margin: 0 5px 5px 0;
}
.stock-image img,
.in-stock{
	padding: 1px;
	border: solid 1px var(--admin-table-border, #ccc);
}
.stock-image img.current{
	border: solid 1px var(--admin-primary, #f97316);
}
#product-similar .ibox-content{padding: 0; border: none;}
.autocompleter {
    width: 100%;
    display: none;
    background: var(--admin-card-bg-solid, #fff);
    z-index: 10;
   	border: 1px solid var(--admin-card-border, rgba(0,0,0,.15));
   	border-radius: 4px;
}

.autocompleter-show {
    display: block;
}

.autocompleter,
.autocompleter-hint {
    position: absolute;
}

.autocompleter-list {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.autocompleter-item {
    cursor: pointer;
    padding: 5px;
}

.autocompleter-item:hover {
    /* Hover State */
	/*background-color: #337ab7;
	color: #fff;*/
}

.autocompleter-item-selected {
    /* Selected State */
	/*background-color: #337ab7;
	color: #fff;*/
}

.autocompleter-item strong {
    /* Highlight Matches */
}

.autocompleter-hint {
    width: 100%;
    display: none;

    /** Need absolute position over input text */
}

.autocompleter-hint-show {
    display: block;
}

.autocompleter-hint span {
    color: transparent;
}
.bg-new {
  background-color: var(--admin-info, #329ACF);
  border-color: var(--admin-info, #329ACF);
  color: var(--admin-on-info, #fff);
}
#stockAddModal label{font-weight: normal;}
#stockAddModal .select2-container{z-index: 2200;}
#frmUpdateOrder .ibox-content{border: 0; padding: 0;}
.boxAddress{
	border-bottom: 1px solid var(--admin-card-border, #e7eaec);
	margin: 0 0 20px 0;
	padding-bottom: 10px;
}

/* Admin appearance settings */
body.fixed-sidebar,
body.fixed-sidebar .navbar-static-side,
body.fixed-sidebar .navbar-static-side #side-menu,
body.fixed-sidebar .navbar-static-side .nav-header {
    background-color: var(--admin-sidebar, #ffffff) !important;
}

body.fixed-sidebar .navbar-static-side {
    overflow-y: auto;
    overflow-x: hidden;
}

body.fixed-sidebar .navbar-static-side #side-menu {
    padding-bottom: 70px;
}

/* All sidebar text uses --admin-sidebar-text (manually controlled) */
body .navbar-static-side,
body .navbar-static-side a,
body .navbar-static-side a:hover,
body .navbar-static-side a:focus,
body .navbar-static-side a:active,
body .navbar-static-side .nav > li > a,
body .navbar-static-side .nav > li > a:hover,
body .navbar-static-side .nav > li > a:focus,
body .navbar-static-side .nav > li.active > a,
body .navbar-static-side .nav-header,
body .navbar-static-side .profile-element strong,
body .navbar-static-side .text-muted,
body .navbar-static-side .nav .nav-second-level li a,
body .navbar-static-side .nav .nav-second-level li a:hover,
body .navbar-static-side .nav .nav-second-level li a:focus,
body .navbar-static-side .nav .nav-second-level li.active a,
body .navbar-static-side .nav-label {
    color: var(--admin-sidebar-text, var(--admin-on-sidebar, #fff)) !important;
    opacity: 1 !important;
}

body .navbar-static-side .nav > li > a,
body .navbar-static-side .nav .nav-second-level li a,
html body.fixed-sidebar .navbar-static-side .nav li a {
    font-weight: 500 !important;
}

body .navbar-static-side .nav > li > a > i.fa,
body .navbar-static-side .nav .nav-second-level li a > i.fa,
body .navbar-static-side i.fa {
    color: inherit !important;
    opacity: 1 !important;
}

body .navbar-static-side span:not(.label):not(.badge):not(.pj-package-badge),
body .navbar-static-side strong,
body .navbar-static-side .nav-label,
body .navbar-static-side a span:not(.label):not(.badge) {
    color: var(--admin-sidebar-text, var(--admin-on-sidebar, #fff)) !important;
    opacity: 1 !important;
}

/* Sidebar muted text (subtitles, hints) */
body .navbar-static-side .text-muted,
body .navbar-static-side .pj-branding-preview span {
    color: var(--admin-sidebar-muted, rgba(255,255,255,0.55)) !important;
    opacity: 1 !important;
}

/* Hover state uses --admin-sidebar-secondary */
body .navbar-static-side .nav .open > a,
body .navbar-static-side .nav .open > a:hover,
body .navbar-static-side .nav .open > a:focus,
body .navbar-static-side .nav > li > a:hover,
body .navbar-static-side .nav > li > a:focus {
    background: var(--admin-sidebar-secondary, rgba(255,255,255,0.08)) !important;
    color: var(--admin-sidebar-text, #fff) !important;
}

/* Active item uses --admin-sidebar-active-bg + accent border */
body .navbar-static-side .nav > li.active {
    border-left-color: var(--admin-accent, var(--admin-secondary, #F9761B)) !important;
    background: var(--admin-sidebar-active-bg, var(--admin-sidebar-hover, #282938)) !important;
}

/* Content area background */
#page-wrapper,
.gray-bg,
.wrapper-content {
    background-color: var(--admin-main-bg, #F7F7F6) !important;
}
.white-bg {
    background-color: var(--admin-card-bg-solid, #FEFEFE) !important;
}

/* ── Topbar ─────────────────────────────────────────────────────────────────
   nav.navbar.navbar-static-top — the horizontal bar at the top of every page.
   Background and text auto-contrast from the o_admin_topbar_bg setting.    */
.row.border-bottom {
    border-bottom-color: var(--admin-card-border, #E5E7EB) !important;
}
nav.navbar.navbar-static-top {
    background-color: var(--admin-topbar-bg, #F8F9FA) !important;
    border-bottom: 1px solid var(--admin-card-border, #E5E7EB) !important;
}
nav.navbar.navbar-static-top .navbar-header a,
nav.navbar.navbar-static-top .navbar-header a i.fa,
nav.navbar.navbar-static-top .nav.navbar-top-links > li > a,
nav.navbar.navbar-static-top .nav.navbar-top-links > li > span,
nav.navbar.navbar-static-top .nav.navbar-top-links > li > a i.fa {
    color: var(--admin-topbar-text, #1a1a1a) !important;
}
nav.navbar.navbar-static-top .nav.navbar-top-links > li > a:hover,
nav.navbar.navbar-static-top .nav.navbar-top-links > li > a:focus {
    background-color: var(--admin-primary-lighter, rgba(55,65,81,0.08)) !important;
    color: var(--admin-topbar-text, #1a1a1a) !important;
}
/* Form inputs — handled in admin-ui-global.css with full independent variables.
   No body-level overrides here so admin-ui-global.css rules always win. */
/* Page text */
body p, body .form-group label, body td, body th.not-brand,
.ibox-content, .wrapper-content {
    color: var(--admin-main-text, #2F2F2F);
}

body .btn-primary,
body .btn-primary:hover,
body .btn-primary:focus,
body .btn-primary:active,
body .btn-primary.active,
body .open .dropdown-toggle.btn-primary,
body .ladda-button.btn-primary {
    background-color: var(--admin-primary-safe, #084211) !important;
    border-color: var(--admin-primary-safe, #084211) !important;
    color: var(--admin-on-primary, #fff) !important;
}

body .btn-primary.btn-outline,
body a.btn-primary.btn-outline,
body .btn-primary.btn-outline:link,
body .btn-primary.btn-outline:visited {
    color: var(--admin-primary-safe, #084211) !important;
    border-color: var(--admin-primary-safe, #084211) !important;
    background: transparent !important;
}

body .btn-primary.btn-outline:hover,
body .btn-primary.btn-outline:focus,
body a.btn-primary.btn-outline:hover,
body a.btn-primary.btn-outline:focus {
    background-color: var(--admin-primary-safe, #084211) !important;
    border-color: var(--admin-primary-safe, #084211) !important;
    color: var(--admin-on-primary, #fff) !important;
}

body .btn-primary.btn-outline > i.fa,
body a.btn-primary.btn-outline > i.fa {
    color: inherit !important;
}

body .btn-danger.btn-outline,
body a.btn-danger.btn-outline {
    color: var(--admin-danger, #dc2626) !important;
    border-color: var(--admin-danger, #dc2626) !important;
    background: transparent !important;
}

body .btn-danger.btn-outline:hover,
body .btn-danger.btn-outline:focus,
body a.btn-danger.btn-outline:hover,
body a.btn-danger.btn-outline:focus {
    background-color: var(--admin-danger, #dc2626) !important;
    border-color: var(--admin-danger, #dc2626) !important;
    color: var(--admin-on-danger, #fff) !important;
}

body .label-success,
body .badge-success,
body .bg-success {
    background-color: var(--admin-success, #22c55e) !important;
    color: var(--admin-on-success, #fff) !important;
}

body .label-warning,
body .badge-warning,
body .bg-warning {
    background-color: var(--admin-warning, #f59e0b) !important;
    color: var(--admin-on-warning, #1a1a1a) !important;
}

body .label-info,
body .badge-info,
body .bg-info {
    background-color: var(--admin-info, #3b82f6) !important;
    color: var(--admin-on-info, #fff) !important;
}

body .label-danger,
body .badge-danger,
body .bg-danger {
    background-color: var(--admin-danger, #dc2626) !important;
    color: var(--admin-on-danger, #fff) !important;
}

/* ═══════════════════════════════════════════════════
   THEME-AWARE ALERT / NOTIFICATION SYSTEM
   Bootstrap alerts, status buttons, text utilities,
   toastr toasts, and misc chrome all pull from the
   CSS variables set by the Visual Settings page.
   Nothing here is hardcoded — every color updates
   automatically when the admin saves a new theme.
═══════════════════════════════════════════════════ */

/* ── Alert boxes ─────────────────────────────────── */
/* Add a bold left border so alert type is immediately
   obvious even on a non-standard theme palette      */
body .alert {
    border-left-width: 4px !important;
    border-radius: 6px !important;
}
body .alert-success {
    background-color: var(--admin-success-lighter, rgba(5,150,105,0.10))  !important;
    border-color:     var(--admin-success-light,   rgba(5,150,105,0.25))  !important;
    color:            var(--admin-success,          #059669)               !important;
}
body .alert-warning {
    background-color: var(--admin-warning-lighter, rgba(217,119,6,0.10))  !important;
    border-color:     var(--admin-warning-light,   rgba(217,119,6,0.25))  !important;
    color:            var(--admin-warning,          #D97706)               !important;
}
body .alert-info {
    background-color: var(--admin-info-lighter,    rgba(2,132,199,0.10))  !important;
    border-color:     var(--admin-info-light,       rgba(2,132,199,0.25)) !important;
    color:            var(--admin-info,             #0284C7)               !important;
}
body .alert-danger {
    background-color: var(--admin-danger-lighter,  rgba(185,28,28,0.10))  !important;
    border-color:     var(--admin-danger-light,    rgba(185,28,28,0.25))  !important;
    color:            var(--admin-danger,           #B91C1C)               !important;
}
/* Strong / link text inside alerts stays the same hue */
body .alert-success strong, body .alert-success .alert-link { color: var(--admin-success, #059669) !important; }
body .alert-warning strong, body .alert-warning .alert-link { color: var(--admin-warning, #D97706) !important; }
body .alert-info    strong, body .alert-info    .alert-link { color: var(--admin-info,    #0284C7) !important; }
body .alert-danger  strong, body .alert-danger  .alert-link { color: var(--admin-danger,  #B91C1C) !important; }
/* Icons inside alerts inherit the alert text color */
body .alert .fa { color: inherit !important; }

/* ── Status / action buttons ─────────────────────── */
body .btn-success,
body .btn-success:hover,
body .btn-success:focus,
body .btn-success:active,
body .btn-success.active,
body .open .dropdown-toggle.btn-success,
body .ladda-button.btn-success {
    background-color: var(--admin-success,    #059669) !important;
    border-color:     var(--admin-success,    #059669) !important;
    color:            var(--admin-on-success, #fff)    !important;
}
body .btn-warning,
body .btn-warning:hover,
body .btn-warning:focus,
body .btn-warning:active,
body .btn-warning.active,
body .open .dropdown-toggle.btn-warning,
body .ladda-button.btn-warning {
    background-color: var(--admin-warning,    #D97706) !important;
    border-color:     var(--admin-warning,    #D97706) !important;
    color:            var(--admin-on-warning, #fff)    !important;
}
body .btn-info,
body .btn-info:hover,
body .btn-info:focus,
body .btn-info:active,
body .btn-info.active,
body .open .dropdown-toggle.btn-info,
body .ladda-button.btn-info {
    background-color: var(--admin-info,    #0284C7) !important;
    border-color:     var(--admin-info,    #0284C7) !important;
    color:            var(--admin-on-info, #fff)    !important;
}
body .btn-danger,
body .btn-danger:hover,
body .btn-danger:focus,
body .btn-danger:active,
body .btn-danger.active,
body .open .dropdown-toggle.btn-danger,
body .ladda-button.btn-danger {
    background-color: var(--admin-danger,    #B91C1C) !important;
    border-color:     var(--admin-danger,    #B91C1C) !important;
    color:            var(--admin-on-danger, #fff)    !important;
}

/* ── Outline variants of status buttons ──────────── */
body .btn-success.btn-outline { color: var(--admin-success, #059669) !important; border-color: var(--admin-success, #059669) !important; background: transparent !important; }
body .btn-warning.btn-outline { color: var(--admin-warning, #D97706) !important; border-color: var(--admin-warning, #D97706) !important; background: transparent !important; }
body .btn-info.btn-outline    { color: var(--admin-info,    #0284C7) !important; border-color: var(--admin-info,    #0284C7) !important; background: transparent !important; }
body .btn-success.btn-outline:hover, body .btn-success.btn-outline:focus { background-color: var(--admin-success, #059669) !important; color: var(--admin-on-success, #fff) !important; }
body .btn-warning.btn-outline:hover, body .btn-warning.btn-outline:focus { background-color: var(--admin-warning, #D97706) !important; color: var(--admin-on-warning, #fff) !important; }
body .btn-info.btn-outline:hover,    body .btn-info.btn-outline:focus    { background-color: var(--admin-info,    #0284C7) !important; color: var(--admin-on-info,    #fff) !important; }

/* ── Text utility classes ─────────────────────────── */
body .text-success { color: var(--admin-success, #059669) !important; }
body .text-warning { color: var(--admin-warning, #D97706) !important; }
body .text-info    { color: var(--admin-info,    #0284C7) !important; }
body .text-danger  { color: var(--admin-danger,  #B91C1C) !important; }
body .text-primary { color: var(--admin-primary, #f97316) !important; }
body .text-muted   { color: var(--admin-muted-text, #6B7280); }

/* ── Toastr toast notifications ──────────────────── */
body #toast-container .toast-success { background-color: var(--admin-success, #059669) !important; }
body #toast-container .toast-warning { background-color: var(--admin-warning, #D97706) !important; }
body #toast-container .toast-info    { background-color: var(--admin-info,    #0284C7) !important; }
body #toast-container .toast-error   { background-color: var(--admin-danger,  #B91C1C) !important; }

/* ── Bootstrap panel status variants ─────────────── */
body .panel-success > .panel-heading { background-color: var(--admin-success-lighter, rgba(5,150,105,0.12)) !important; border-color: var(--admin-success-light, rgba(5,150,105,0.25)) !important; color: var(--admin-success, #059669) !important; }
body .panel-warning > .panel-heading { background-color: var(--admin-warning-lighter, rgba(217,119,6,0.12)) !important; border-color: var(--admin-warning-light, rgba(217,119,6,0.25)) !important; color: var(--admin-warning, #D97706) !important; }
body .panel-info    > .panel-heading { background-color: var(--admin-info-lighter,    rgba(2,132,199,0.12)) !important; border-color: var(--admin-info-light,    rgba(2,132,199,0.25)) !important; color: var(--admin-info,    #0284C7) !important; }
body .panel-danger  > .panel-heading { background-color: var(--admin-danger-lighter,  rgba(185,28,28,0.12)) !important; border-color: var(--admin-danger-light,  rgba(185,28,28,0.25)) !important; color: var(--admin-danger,  #B91C1C) !important; }
body .panel-success { border-color: var(--admin-success-light, rgba(5,150,105,0.25))  !important; }
body .panel-warning { border-color: var(--admin-warning-light, rgba(217,119,6,0.25))  !important; }
body .panel-info    { border-color: var(--admin-info-light,    rgba(2,132,199,0.25))  !important; }
body .panel-danger  { border-color: var(--admin-danger-light,  rgba(185,28,28,0.25))  !important; }

/* ── Well / ibox-heading / misc chrome ───────────── */
/* Address separator lines in order/edit forms */
.boxAddress {
    border-bottom-color: var(--admin-table-border, #e7eaec) !important;
}
/* "New / Enquiry" order status badge */
.bg-new {
    background-color: var(--admin-info,    #0284C7) !important;
    border-color:     var(--admin-info,    #0284C7) !important;
    color:            var(--admin-on-info, #fff)    !important;
}
/* Gallery & stock image thumbnail borders */
.gallery-image img,
.stock-image img,
.in-stock {
    border-color: var(--admin-table-border, #ccc) !important;
}
/* Currently-selected stock image highlight uses primary */
.stock-image img.current {
    border-color: var(--admin-primary, #003399) !important;
}

/* ═══════════════════════════════════════════════════
   INDEPENDENT TYPOGRAPHY & ICON COLORS
   These use dedicated variables so changing e.g.
   --admin-heading-text does not affect body text,
   and --admin-muted-text does not affect sidebar.
═══════════════════════════════════════════════════ */
body h1, body h2, body h3, body h4, body h5, body h6,
.page-heading h2, .ibox-title h5, .wrapper-content h2 {
    color: var(--admin-heading-text, #111827);
}
/* Muted text in content area only */
body .wrapper-content .text-muted,
body .ibox-content .text-muted,
body .page-heading .text-muted,
body .help-block {
    color: var(--admin-muted-text, #6B7280) !important;
    opacity: 1 !important;
}
/* Links in content area */
body .wrapper-content a:not(.btn):not(.nav-link),
body .ibox-content a:not(.btn):not(.nav-link) {
    color: var(--admin-link-text, #2563EB);
}
body .wrapper-content a:not(.btn):not(.nav-link):hover,
body .ibox-content a:not(.btn):not(.nav-link):hover {
    color: var(--admin-primary-dark, #c2570c);
    text-decoration: underline;
}
/* Content area icons (fa) use icon-color variable */
body .wrapper-content .fa:not(.btn .fa),
body .ibox-content .fa:not(.btn .fa),
body .page-heading .fa:not(.btn .fa) {
    color: var(--admin-icon-color, #6B7280);
}
/* Icons inside any button always inherit the button's color */
body .btn .fa { color: inherit !important; }
body .label .fa,
body .badge .fa,
body .alert .fa,
body .db-kpi-icon .fa,
body .db-quick-stat-icon .fa,
body .pj-admin-btn-save .fa,
body .pv-btn .fa,
body .pj-table-cell-label .fa {
    color: inherit !important;
}
body .pv-btn-primary .fa,
body .pv-btn-accent .fa,
body .pv-btn-danger .fa,
body .pv-btn-success .fa {
    color: #fff !important;
}
/* Sidebar icons use sidebar-icon variable */
body .navbar-static-side .fa,
body .navbar-static-side .nav > li > a > i.fa,
body .navbar-static-side .nav .nav-second-level li a > i.fa {
    color: var(--admin-sidebar-icon, var(--admin-sidebar-text, #fff)) !important;
}
