/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
.btn-primary:hover {
  color: #fff !important;
  background-color: #0b2f6f !important;
  border-color: #0b2f6f !important;
}
.light-style .menu .app-brand.demo {
  height: 78px;
}

.dark-style .menu .app-brand.demo {
  height: 78px;
}

.app-brand-logo.demo svg {
  width: 38px;
  height: 20px;
}

.app-brand-text.demo {
  font-size: 1.25rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1.25rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 300px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}
/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1.25rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1.25rem;
}


.form-floating-outline .form-control:focus, .form-floating-outline .form-select:focus {
  border-color: #1767a8 !important;
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:focus:not(:placeholder-shown) ~ label, .form-floating > .form-select:focus ~ label, .form-floating > .form-select:focus:not(:placeholder-shown) ~ label {
  color: #1767a8 !important;
}

.btn-primary {
  color: #fff !important;
  background-color: #1767a8 !important;
  border-color: #1767a8 !important;
}

.btn-primary:hover {
  color: #fff !important;
  background-color: #0b2f6f!important;
  border-color: #0b2f6f!important;
}

a.yellow-link, .breadcrumb-container a {
  color: #0b2f6f !important;
}

a.yellow-link:hover, .breadcrumb-container a:hover {
  color: #1767a8 !important;
}
.switch-input:checked ~ .switch-toggle-slider{
  /* background: #d49e3bb0 !important; */
}
.switch-input:checked ~ .switch-toggle-slider::after{
  background: #1767a8 !important;
}
.vw_cls{
  color: #0b2f6f!important;
}
.page-item.active .page-link{
  border-color : #1767a8 !important;
  background: #1767a8 !important;
}
.btn-label-theme
{
    color: #FFF!important;
    border-color: #1767a8!important;
    background: #1767a8!important;
}
.btn-label-theme:hover
{
  border-color: #1767a8 !important;
  background: #1767a8 !important;
  color: #fff !important;
}
.badge.bg-label-warning {
  background-color: #0b2f6f1c !important;
  color: #0b2f6f !important;
}

.bg-label-warning-cus
{
  background-color: #FFF3DD !important;
  color: #fdb528 !important;
}
.company-address p {
    margin-bottom: 0.25rem !important;
    line-height: 1.5;
}
.swal-btn-brand {
  background-color: #1767a8 !important;
  color: #fff !important;
  border: none;
}
.swal-title {
  font-size: 15px !important;  /* default-like size */
  font-weight: 500;
}
.swal-btn-brand:hover {
  background-color: #1767a8 !important;
}
.row .form-floating-outline .form-control:focus, .row .form-floating-outline .form-select:focus {
    border-color: #1767a8 !important;
}

.row .form-control:focus,
.row .form-select:focus {
  border-color: #1767a8 !important;
}

.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #1767a8;
  border-color: #1767a8;
  box-shadow: none;
}

.row .form-floating-outline .form-control:focus, .row .form-floating-outline .form-select:focus
{
  border-color: #0b2f6f !important;
}

.table.datatables-basic > :not(caption) > * > * {
  padding: 12px!important;
}

.new-tbl > thead > tr {
    background: #1767a8;
}

.new-tbl > thead > tr > th {
    color: #fff;
}

.new-tbl.firsttxt tr th:first-child,
.new-tbl.firsttxt tr td:first-child,
.new-tbl.lasttxt tr th:last-child, 
.new-tbl.lasttxt tr td:last-child{
    text-align: center;
}

table.dataTable.dtr-column.collapsed > tbody > tr > td.control:before,
table.dataTable.dtr-column.collapsed > tbody > tr > th.control:before {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: "Material Design Icons";
    content: "\F0142" !important;
    color: #6c757d !important;
    font-size: 18px;
}
table.dataTable.dtr-column.collapsed > tbody > tr.parent > td.control:before,
table.dataTable.dtr-column.collapsed > tbody > tr.parent > th.control:before {
    content: "\F0140" !important;
}

.export-btn{ background-color: #00000000 !important; color: #1767a8 !important; border-color: #1767a8 !important; padding: 8px 22px !important; }
.role-edit-btn{ background-color: #0b2f6f1c !important; color: #0b2f6f !important; border: 0 !important; }
.longtext-col{ white-space: nowrap; }
.light-style .dropzone.import-dropzone { border: 3px dashed #eaeaec; }
.light-style .dropzone.import-dropzone .dz-message { margin: 0; }


.import-dropzone { border: 2px dashed #d1d5db; border-radius: 12px; background: #f9fafb; padding: 40px 20px; text-align: center; transition: all 0.3s ease; position: relative; cursor: pointer; }
.import-dropzone .dz-message { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #6c757d; }
.import-dropzone .dz-message i { font-size: 48px; margin-bottom: 10px; }
.import-dropzone .dz-message span { font-weight: 500; }
.import-dropzone.dz-started .dz-message { display: none; }
.import-dropzone .dz-message span.drag-title{font-size: 19px !important;}
.import-dropzone .dz-message .drag-sub-title{font-size: 15px !important;}
.import-dropzone .dz-preview { display: flex; justify-content: center; margin-top: 15px; }
.import-dropzone .dz-file-preview { display: inline-flex; align-items: center; gap: 12px; padding: 23px 30px; border-radius: 10px; background: #f1f3f5; border: 1px solid #e5e7eb; width: auto; max-width: 100%; animation: fadeInScale 0.3s ease; }

.import-dropzone .dz-icon i {
	font-size: 26px;
}

.import-dropzone .dz-filename {
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.import-dropzone .dz-size {
	font-size: 12px;
	color: #6c757d;
}

.import-dropzone .dz-remove {
	font-size: 12px;
	color: #dc3545;
	cursor: pointer;
	margin-left: 10px;
}

.import-dropzone .dz-image {
	display: none !important;
}

@keyframes fadeInScale {
	from {
		opacity: 0;
		transform: scale(0.95);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

.import-file-card {
	position: relative;
	width: auto;
	max-width: 100%;
	min-width: 200px;
	padding: 14px 16px;
	border-radius: 10px;
	background: #f8f9fa;
	border: 1px solid #e5e7eb;
	animation: fadeIn 0.3s ease;
}

.import-file-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
}

.import-file-icon i {
	font-size: 26px;
}

.import-file-name {
	font-size: 13px;
	font-weight: 600;
	white-space: normal;
	word-break: break-word;
	overflow: visible;
}

.import-file-size {
	font-size: 12px;
	color: #6c757d;
}

.import-file-progress {
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	width: 100%;
	background: #e5e7eb;
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.import-file-progress .progress-bar {
	height: 100%;
	width: 0%;
	background: linear-gradient(90deg, #0d6efd, #3b82f6);
	transition: width 0.2s linear;
}


.import-file-card .dz-remove {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: #ffffff;
	color: #dc2626;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	cursor: pointer;
}

.import-file-card.upload-success {
	background: #ecfdf5;
	border-color: #bbf7d0;
}

.import-file-card.uploading .progress-bar {
	animation: progressPulse 1s linear infinite;
}

@keyframes progressPulse {
	0% {
		opacity: 0.6;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.6;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: scale(0.95);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

.import-progress {
	border-radius: 16px;
	padding: 18px 20px;
}

#importProgressWrapper .progress-top {
	display: flex;
	align-items: ceflex-startnter;
	justify-content: space-between;
	margin-bottom: 12px;
}

#importProgressWrapper .progress-title {
	display: flex;
	align-items: center;
	gap: 13px;
	font-weight: 600;
	font-size: 14px;
	color: #1f2937;
}

#importProgressWrapper .progress-title div {
	display: flex;
	flex-direction: column;
}

#importProgressWrapper .progress-title .dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22c55e;
	animation: pulse 1.4s infinite ease-in-out;
}

#importProgressWrapper .progress-subtext {
	font-size: 13px;
	color: #6b7280;
	margin-top: 2px;
	font-weight: 400;
}

#importProgressWrapper .progress-percent {
	font-weight: 700;
	font-size: 14px;
	color: #16a34a;
}

#importProgressWrapper .modern-progress {
	height: 20px;
	background: #e9edf3;
	border-radius: 999px;
	overflow: hidden;
}

#importProgressWrapper .modern-progress .progress-bar {
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(120deg,
			#22c55e,
			#4ade80,
			#22c55e);
	background-size: 200% 100%;
	animation: shimmer 1.6s linear infinite;
	transition: width 0.6s cubic-bezier(.4, 0, .2, 1);
}

#importProgressWrapper .modern-progress.completed .progress-bar {
	animation: none;
	background: linear-gradient(120deg, #16a34a, #22c55e);
}

#importProgressWrapper .modern-progress.failed .progress-bar {
	animation: none;
	background: linear-gradient(120deg, #dc2626, #ef4444);
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	50% {
		transform: scale(1.6);
		opacity: 0.5;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes shimmer {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

.import-swal {
	border-radius: 12px !important;
	width: 500px !important;
}

.import-swal .swal-footer {
	text-align: center !important;
	margin-top: 0;
}

.import-swal .swal-button {
	padding: 8px 22px !important;
	font-size: 14px !important;
	border-radius: 6px !important;
}

.import-error-box {
	border-radius: 10px;
	background: #fff5f5;
	border: 1px solid #f5c2c7;
	padding: 15px 18px;
}

.import-error-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

.import-error-header i {
	font-size: 22px;
	color: #dc3545;
}

.import-error-header strong {
	font-size: 14px;
	color: #842029;
}

.import-error-sub {
	font-size: 12px;
	color: #a94442;
}

.import-error-list {
	padding-left: 18px;
	margin: 0;
	max-height: 200px;
	overflow-y: auto;
}

.import-error-box {
	box-shadow: 0 4px 12px rgba(220, 53, 69, 0.08);
}

.import-error-list li {
	font-size: 13px;
	color: #842029;
	margin-bottom: 4px;
}

.import-swal-content {
	text-align: center;
	padding-top: 5px;
}

.import-swal-title {
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #3f4254;
}

.import-swal-stats {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
}

.import-swal-item {
	text-align: center;
}

.import-swal-label {
	font-size: 13px;
	color: #a1a5b7;
	margin-bottom: 6px;
}

.import-swal-value {
	font-size: 32px;
	font-weight: 700;
}

.import-swal-value.success {
	color: #50cd89;
}

.import-swal-value.primary {
	color: #0d6efd;
}

.import-swal-divider {
	width: 1px;
	height: 45px;
	background: #e4e6ef;
}

.new-tbl tr td{color: #000;}

.border-dashed-cus{border: 1px solid #eaeaec !important;}

.attachment-preview-wrap{
border:1px dashed #dbe2ea;
border-radius:18px;
padding:18px;
background:#fafcff;
}
.attachment-image-preview{
text-align:center;
}
.attachment-image-preview img{
max-height:220px;
max-width:100%;
border-radius:14px;
object-fit:contain;
border:1px solid #edf0f7;
background:#fff;
}
.attachment-file-preview{
display:flex;
align-items:center;
gap:14px;
}
.attachment-file-icon{
width:54px;
height:54px;
border-radius:16px;
background:#eef2ff;
color:#6366f1;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
flex-shrink:0;
}
.attachment-file-details h6{
margin:0 0 4px;
font-size:15px;
font-weight:600;
color:#6b7280;
word-break:break-word;
}
.attachment-file-details span{
font-size:13px;
color:#7b8190;
}
   
.description-wrap{
    max-width: 250px;
}
.description-text,
.description-text-normal{
    word-break: break-word;
    line-height: 1.5;
}
.description-text{
    cursor: pointer;
}
.followup-tooltip .tooltip-inner{
    max-width: 500px !important;
    width: 500px;
    text-align: left;
    white-space: normal;
    word-break: break-word;
    padding: 12px 14px;
    line-height: 1.6;
}
.capital-badge{
    text-transform: capitalize;
}
.priority-high{
    background: rgba(255, 59, 48, 0.12);
    color: #ff3b30 !important;
}

.priority-medium{
    background: rgba(255, 159, 10, 0.14);
    color: #ff9500 !important;
}

.priority-low{
    background: rgba(52, 199, 89, 0.14);
    color: #28a745 !important;
}
.communication-call{
    background: rgba(0, 123, 255, 0.12);
    color: #0d6efd !important;
}
.communication-whatsapp{
    background: rgba(37, 211, 102, 0.14);
    color: #1fa855 !important;
}
.communication-email{
    background: rgba(111, 66, 193, 0.14);
    color: #6f42c1 !important;
}
.communication-sms{
    background: rgba(0, 191, 255, 0.14);
    color: #00a6e6 !important;
}
.communication-meeting{
    background: rgba(255, 159, 10, 0.14);
    color: #ff9500 !important;
}
.communication-other{
    background: rgba(108, 117, 125, 0.14);
    color: #6c757d !important;
}

.lead-detail-sec .nav-tabs .nav-link{text-transform: capitalize;}


.lead-detail-card{
    border:1px solid #e9e9ef !important;
    border-radius:16px !important;
    overflow:hidden;
    background:#fff;
}

.lead-detail-card .card-header{
    border-bottom:1px solid #ececf2;
    padding:7px 18px;
}

.lead-detail-card .card-body{
    padding:18px;
}

.lead-info-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:5px 0;
    height:100%;
}

.lead-info-icon{
    width:36px;
    height:36px;
    border-radius:10px;
    background:#f8f9fc;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    flex-shrink:0;
}

.lead-info-label{
    font-size:11px;
    font-weight:700;
    color:#7a7d90;
    text-transform:uppercase;
    line-height:1.2;
    margin-bottom:3px;
}

.lead-info-value{
    margin:0;
    font-size:14px;
    font-weight:600;
    color:#4b5563;
    line-height:1.4;
    word-break:break-word;
}

.lead-section-title{
    font-size:15px;
    font-weight:700;
    color:#374151;
}

.lead-edit-btn{
    border:1px solid #dbe3ff;
    color:#2563eb;
    background:#fff;
    font-size:12px;
    font-weight:600;
    border-radius:8px;
    padding:5px 12px;
}

@media(max-width:767px){

    .lead-detail-card .card-body{
        padding:14px;
    }

    .lead-info-item{
        padding:10px 0;
    }

}

.customer-preview-wrap{
        border-radius:16px;
    }
.customer-preview-item{
    border-radius:14px;
    padding:14px;
    height:100%;
}
.customer-preview-label{
    font-size:11px;
    color:#7a7d90;
    text-transform:uppercase;
    margin-bottom:4px;
    line-height:1.2;
}
.customer-preview-value{
    font-size:14px;
    font-weight:600;
    color:#828393;
    line-height:1.4;
    margin:0;
    word-break:break-word;
}

.table-box {
border: 1px solid #e5e7eb;
border-radius: 10px;
overflow: hidden; 
background: #fff;
}
.custom-table {
width: 100%;
border-collapse: collapse;
margin: 0;
}
.custom-table thead th {
border-bottom: 1px solid #e5e7eb;
font-size: 13px;
text-transform: uppercase;
color: #fff;
background: #1767a8;
font-weight: 600;
padding: 12px;
}
.custom-table tbody tr {
border-bottom: 1px solid #e5e7eb;
}
.custom-table tbody tr:last-child {
border-bottom: none;
}
.custom-table td {
padding: 12px !important;
vertical-align: middle;
border-bottom-width: 0 !important;
}
.card-datatable,
.table-responsive,
.mobile-com-tbl-sec {
    overflow: visible !important;
}
.light-style div.dataTables_wrapper div.dataTables_info
{
color: #828393 !important;
}
.select2-container {
width: 100% !important;
}

.select2-container--default .select2-selection--single {
	height: 48px;
	display: flex;
	align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #636578 !important;
}
.flatpickr-months {
	padding: 8px 12px !important;
}
.flatpickr-weekdays {
	padding: 6px 10px !important;
}
.flatpickr-input {
	padding: 10px 12px !important;
}
.flatpickr-prev-month, .flatpickr-next-month
{
	top:6px !important;
}

.swiper-container.text-bg-primary{
	background-color: #1767a8 !important;
}

.swiper-container .swiper-wrapper .swiper-slide .weekly-sales-text-bg-primary
{
	color: #3b3d5a !important;
	background-color: #f1f1f1 !important;
}
#addsalesreturn .input-group .form-control {
	height: 42px;
}
#addsalesreturn .input-group .input-group-text {
	height: 42px;
}
#addsalesreturn .input-group .form-control:focus {
	box-shadow: none !important;
	border-color: #256BB5 !important;
}
.row .card .text-primary{color: #1767a8 !important;}
.row .card a.a-link:hover{color: #0b2f6f !important;}
.row .card a.a-link-a{color: #1767a8 !important;}
.row .card a.a-link-a:hover{color: #0b2f6f !important;}


.dark-style a.yellow-link, .breadcrumb-container a { color: #7b7d95 !important; }
.dark-style .role-edit-btn{background-color: #3d5176 !important; color: #fff !important;}
.dark-style .new-tbl tr td{color: #d7d8ed;}
.dark-style div.dataTables_wrapper div.dataTables_info{color: #b2b3ca !important;}
.dark-style .import-dropzone{background: unset;}
.dark-style #importProgressWrapper .progress-title{color: #b2b3ca;}
.dark-style .badge.bg-label-warning{background-color: #35385d !important;color: #3e98f7 !important;}
.dark-style .select2-container--default .select2-selection--single .select2-selection__placeholder{color: #b2b3ca !important;}
.dark-style .form-control:disabled{background-color: #3a3d57 !important;}
.dark-style .table-box.dark-theme{background: unset;}
.dark-style .dark-theme .custom-table thead th{background: #3a3e5b; color: #d2d2e8;}
.dark-style .border-dashed-cus{border: 1px solid #464963 !important;}
table.dataTable > tbody tr.cus-alert-color{background: #FFF1F2;}
.dark-style table.dataTable > tbody tr.cus-alert-color{background: #543e407a;}
a.low-stock-product{color: #636578;}
.dark-style a.low-stock-product{color: #d2d2e8;}
.dark-style small.text-secondary.dark-theme{color: #a0a1b8 !important;}

#transferStockModal .input-group .form-control {
	height: 42px;
}
#transferStockModal .input-group .input-group-text {
	height: 42px;
}

.reminder-wrap{
    border:0;
    border-radius:22px;
    overflow:hidden;
    background:linear-gradient(135deg,#fffdf8 0%,#ffffff 55%,#fff7e6 100%);
    box-shadow:0 14px 40px rgba(18,38,63,.08);
}

.reminder-top{
    padding:22px 24px 14px;
    border-bottom:1px solid rgba(0,0,0,.05);
}

.reminder-bell{
    width:52px;
    height:52px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#ffb400,#ff8a00);
    color:#fff;
    box-shadow:0 10px 22px rgba(255,166,0,.28);
    animation:ringBell 2.4s infinite;
}

@keyframes ringBell{
    0%,100%{transform:rotate(0deg)}
    10%{transform:rotate(10deg)}
    20%{transform:rotate(-10deg)}
    30%{transform:rotate(7deg)}
    40%{transform:rotate(-7deg)}
    50%{transform:rotate(0deg)}
}

.reminder-grid{
    padding:20px;
}

.reminder-item{
    position:relative;
    background:#fff;
    border:1px solid #eef0f4;
    border-radius:18px;
    padding:16px;
    height:100%;
    transition:all .25s ease;
    overflow:hidden;
}

.reminder-item:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background:linear-gradient(180deg,#ff9800,#ff5722);
}

.reminder-item:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 30px rgba(31,45,61,.08);
}

.reminder-chip{
    font-size:11px;
    padding:5px 10px;
    border-radius:30px;
    font-weight:600;
}

.reminder-chip-type{
    background:#eef4ff;
    color:#3461ff;
}

.reminder-chip-user{
    background:#ecfff2;
    color:#0d8f47;
}

.reminder-time{
    font-size:13px;
    color:#6c757d;
}

.reminder-lead{
    font-size:15px;
    font-weight:600;
    color:#222;
    margin-bottom:8px;
}

.reminder-status{
    width:10px;
    height:10px;
    border-radius:50%;
    display:inline-block;
    margin-right:6px;
}

.status-overdue{
    background:#ff4d49;
    box-shadow:0 0 0 5px rgba(255,77,73,.12);
}

.status-upcoming{
    background:#ffb100;
    box-shadow:0 0 0 5px rgba(255,177,0,.12);
}

.info-chip{
    padding:7px 12px;
    border-radius:40px;
    font-size:12px;
    font-weight:600;
}

.type-chip{
    background:#eef4ff;
    color:#1767a8;
}

.user-chip{
    background:#ecfff3;
    color:#0d8f47;
}
.live-alert{
    display:inline-block;
    width:10px;
    height:10px;
    margin-right:8px;
    border-radius:50%;
    position:relative;
    animation:liveBlink 1.2s ease-in-out infinite;
}

.live-alert::before{
    content:'';
    position:absolute;
    inset:-6px;
    border-radius:50%;
    border:2px solid rgba(255,77,73,.45);
    animation:liveRipple 1.6s linear infinite;
}

.live-alert::after{
    content:'';
    position:absolute;
    inset:-11px;
    border-radius:50%;
    border:2px solid rgba(255,77,73,.22);
    animation:liveRipple 1.6s linear infinite .45s;
}
@keyframes liveBlink{
    0%,100%{
        transform:scale(1);
        opacity:1;
    }
    50%{
        transform:scale(1.35);
        opacity:.8;
    }
}

@keyframes liveRipple{
    0%{
        transform:scale(.45);
        opacity:.9;
    }
    100%{
        transform:scale(1.45);
        opacity:0;
    }
}


.reminder-left-sec{
    width:100%;
}

.reminder-content{
    min-width:0;
}

.reminder-badge-mobile{
    white-space:nowrap;
}



/* =========================
   Dark Mode Theme
========================= */


.dark-style .reminder-wrap{
    background:#2b2e4a !important;
    box-shadow:0 14px 34px rgba(0,0,0,.28);
    border:1px solid rgba(255,255,255,.05);
}

.dark-style .reminder-top{
    border-bottom:1px solid rgba(255,255,255,.08);
}

.dark-style .reminder-item{
    background:#34385a !important;
    border:1px solid rgba(255,255,255,.06);
    box-shadow:none;
}

.dark-style .reminder-item:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 28px rgba(0,0,0,.22);
}

.dark-style .reminder-lead{
    color:#ffffff !important;
}

.dark-style .reminder-time{
    color:rgba(255,255,255,.68) !important;
}

.dark-style .reminder-top h5{
    color:#ffffff !important;
}

.dark-style .reminder-top small{
    color:rgba(255,255,255,.65) !important;
}

.dark-style .type-chip{
    background:rgba(54,108,255,.14);
    color:#8db4ff;
}

.dark-style .user-chip{
    background:rgba(17,185,92,.14);
    color:#7ff0aa;
}

.dark-style .badge.bg-label-danger{
    background:rgba(255,77,73,.14) !important;
    color:#ff8d8a !important;
    border:1px solid rgba(255,77,73,.18);
}

.dark-style .reminder-item:before{
    background:linear-gradient(180deg,#ffb000,#ff6d00);
}

.dark-style .status-overdue{
    box-shadow:0 0 0 5px rgba(255,77,73,.18);
}

.dark-style .status-upcoming{
    box-shadow:0 0 0 5px rgba(255,177,0,.18);
}

.dark-style .qa-wrapper-card{
    background: #2b2e4a;
    border: 1px solid rgba(255,255,255,.06);
    box-shadow: 0 14px 34px rgba(0,0,0,.22);
}

.dark-style .qa-wrapper-card .card-header{
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.dark-style .qa-wrapper-card h5{
    color: #e4e5f5;
}

.dark-style .qa-wrapper-card small{
    color: #a8aac4 !important;
}

.dark-style .qa-card{
    background: #34385a;
    border: 1px solid rgba(255,255,255,.06);
    box-shadow: none;
}

.dark-style .qa-card span{
    color: #d7d8ee;
}

.dark-style .qa-card:hover{
    transform: translateY(-6px);
    background: #3b4062;
    border-color: rgba(255,255,255,.12);
    box-shadow: 0 14px 28px rgba(0,0,0,.22);
}

.dark-style .qa-icon{
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
}

.dark-style .lead-detail-card{
    background: #2b2e4a !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.22);
}

.dark-style .lead-detail-card .card-header{
    background: #2f3250;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.dark-style .lead-detail-card .card-body{
    background: transparent;
}

.dark-style .lead-section-title{
    color: #e4e5f5;
}

.dark-style .lead-info-item{
    border-color: rgba(255,255,255,.06);
}

.dark-style .lead-info-icon{
    background: #3a3e5b;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}

.dark-style .lead-info-label{
    color: #a8aac4;
}

.dark-style .lead-info-value{
    color: #d7d8ee;
}

.dark-style .lead-info-value.text-success{
    color: #71dd97 !important;
}

.dark-style .lead-info-value.text-primary{
    color: #1767a8 !important;
}

.dark-style .lead-edit-btn{
    background: #34385a;
    border: 1px solid rgba(255,255,255,.08);
    color: #8f92ff;
}

.dark-style .lead-edit-btn:hover{
    background: #3b4062;
    border-color: rgba(255,255,255,.12);
    color: #ffffff;
}

.dark-style .lead-info-item:hover{
    transform: translateY(-2px);
    transition: all .2s ease;
}

@media(max-width:767px){

    .dark-style .lead-detail-card .card-body{
        padding: 14px;
    }

}

.file-support-box{border-color: #e4e7ec !important;}

.dark-style .file-support-box{
    background: #34385a !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 14px;
}

.dark-style .file-support-icon{
    background: rgba(105,108,255,.16) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
}

.dark-style .file-support-icon i{
    color: #8f92ff !important;
}

.dark-style .file-support-title{
    color: #e4e5f5 !important;
}

.dark-style .file-support-text{
    color: #b2b3ca !important;
}

.dark-style .file-support-text span{
    color: #ffffff !important;
}
.dark-style .converted-from-lead-sec{
    background: #34385a !important;
    border: 1px dashed rgba(105,108,255,.35) !important;
}
.dark-style .converted-from-lead-sec .avatar-initial{
    background: rgba(105,108,255,.18) !important;
    color: #8f92ff !important;
}
.dark-style .converted-from-lead-sec h6{
    color: #aeb2ff !important;
}
.dark-style .converted-from-lead-sec .text-body{
    color: #b2b3ca !important;
}
.dark-style .converted-from-lead-sec .text-dark{
    color: #ffffff !important;
}
.dark-style .converted-from-lead-sec .badge{
    background: rgba(105,108,255,.18) !important;
    color: #aeb2ff !important;
    border: 1px solid rgba(105,108,255,.28);
}
.dark-style .opening-stock .form-floating-outline .form-control[readonly]{
    background: #34385a !important;
    cursor: not-allowed;
    opacity: 1;
}

.dark-style .convert-stock-modal .convert-line{
    background: rgba(255,255,255,.10);
}

.dark-style .convert-stock-modal .convert-icon{
    background: #34385a;
    border: 1px solid rgba(255,255,255,.08);
    color: #8f92ff;
}

.dark-style .convert-stock-modal .convert-icon:hover{
    background: #3b4062;
    color: #ffffff;
    border-color: rgba(255,255,255,.14);
}

.dark-style .bom-header-card,
.dark-style .bom-summary-card{
    background: #2b2e4a;
    border: 1px solid rgba(255,255,255,.06);
}

.dark-style .bom-title,
.dark-style .bom-panel-title,
.dark-style .bom-side-value,
.dark-style .bom-stat-value{
    color: #e4e5f5 !important;
}

.dark-style .bom-title span,
.dark-style .bom-meta-text strong{
    color: #ffffff;
}

.dark-style .bom-meta-text,
.dark-style .bom-side-label,
.dark-style .bom-panel-subtitle,
.dark-style .bom-stat-label,
.dark-style .bom-stat-subtext{
    color: #a8aac4 !important;
}

.dark-style .bom-stat-card{
    background: #34385a;
    border: 1px solid rgba(255,255,255,.06);
}

.dark-style .bom-stat-icon{
    background: rgba(255,255,255,.06) !important;
}

.dark-style #bomDetailTabs{
    border-color: rgba(255,255,255,.08);
}

.dark-style #bomDetailTabs .nav-link{
    color: #b2b3ca;
}

.dark-style #bomDetailTabs .nav-link.active{
    background: #34385a;
    color: #ffffff;
    border-color: rgba(255,255,255,.08);
}

.dark-style .bom-clean-table table,
.dark-style .bom-inner-table table{
    color: #d7d8ee;
}

.dark-style .bom-clean-table thead th,
.dark-style .bom-inner-table thead th{
    background: #3a3e5b;
    color: #e4e5f5;
    border-color: #4a4e6d !important;
}

.dark-style .bom-clean-table tbody td,
.dark-style .bom-inner-table tbody td{
    background: #34385a;
    color: #d7d8ee;
    border-color: #4a4e6d !important;
}

.dark-style .bom-clean-table tbody tr:hover td,
.dark-style .bom-inner-table tbody tr:hover td{
    background: #3b4062;
}

.dark-style .revision-detail-wrap{
    background: #313552;
    border-color: rgba(255,255,255,.08) !important;
}

.dark-style .text-muted{
    color: #a8aac4 !important;
}

.dark-style .text-heading{
    color: #ffffff !important;
}

.dark-style .btn-outline-secondary{
    border-color: rgba(255,255,255,.12);
    color: #d7d8ee;
}

.dark-style .btn-outline-secondary:hover{
    background: #3b4062;
    color: #fff;
}

.dark-style .btn-outline-primary{
    border-color: rgba(105,108,255,.28);
    color: #8f92ff;
}

.dark-style .btn-outline-primary:hover{
    background: rgba(105,108,255,.16);
    color: #fff;
}

.dark-style .bg-label-success{
    background: rgba(40,199,111,.16) !important;
    color: #71dd97 !important;
}

.dark-style .bg-label-secondary{
    background: rgba(133,146,163,.16) !important;
    color: #b2b3ca !important;
}

.dark-style .bg-label-primary{
    background: rgba(105,108,255,.16) !important;
    color: #8f92ff !important;
}

.dark-style .bg-label-danger{
    background: rgba(255,76,81,.16) !important;
    color: #ff6b81 !important;
}

.dark-style .bma-form-card,
.dark-style .bma-summary-card,
.dark-style .bma-emp-preview-card,
.dark-style .bma-results-card{
    background: #2b2e4a;
    box-shadow: 0 14px 34px rgba(0,0,0,.22);
}

.dark-style .bulk-page-header-title,
.dark-style .bma-summary-title,
.dark-style .bma-results-title,
.dark-style .bma-emp-preview-title{
    color: #e4e5f5;
}

.dark-style .bulk-page-header-sub,
.dark-style .bma-summary-subtitle,
.dark-style .bma-results-subtitle,
.dark-style .bma-label{
    color: #a8aac4;
}

.dark-style .bma-date-wrap .form-control,
.dark-style .bma-search-box input,
.dark-style .select2-container--default .select2-selection--single,
.dark-style .select2-container--default .select2-selection--multiple{
    background: #34385a !important;
    border-color: rgba(255,255,255,.08) !important;
    color: #d7d8ee !important;
}

.dark-style .bma-date-wrap .form-control:focus,
.dark-style .bma-search-box input:focus,
.dark-style .select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color: #696cff !important;
    box-shadow: 0 0 0 3px rgba(105,108,255,.12);
}

.dark-style .select2-container--default .select2-selection__rendered{
    color: #d7d8ee !important;
}

.dark-style .select2-dropdown{
    background: #34385a;
    border-color: rgba(255,255,255,.08);
}

.dark-style .select2-results__option{
    color: #d7d8ee;
}

.dark-style .select2-results__option--highlighted{
    background: #3b4062 !important;
}

.dark-style .employee-chip{
    background: #34385a;
    border-color: rgba(255,255,255,.08);
    color: #d7d8ee;
}

.dark-style .employee-chip strong{
    color: #8f92ff;
}

.dark-style .bma-summary-table tr td{
    border-color: rgba(255,255,255,.06);
}

.dark-style .bma-summary-table .s-label{
    color: #a8aac4;
}

.dark-style .bma-summary-table .s-value{
    color: #ffffff;
}

.dark-style .bma-update-box{
    background: rgba(105,108,255,.08);
    border-color: rgba(105,108,255,.16);
    color: #d7d8ee;
}

.dark-style .bma-results-table thead tr{
    background: #3a3e5b;
}

.dark-style .bma-results-table thead th{
    color: #bfc2db;
    border-color: #4a4e6d;
}

.dark-style .bma-results-table tbody tr{
    border-color: rgba(255,255,255,.06);
}

.dark-style .bma-results-table tbody tr:hover{
    background: #34385a;
}

.dark-style .bma-results-table td{
    color: #d7d8ee;
}

.dark-style .td-num,
.dark-style .td-dept,
.dark-style .td-desig{
    color: #a8aac4;
}

.dark-style .td-code{
    color: #8f92ff;
}

.dark-style .bma-empty{
    color: #a8aac4;
}

.dark-style .bma-search-box input::placeholder{
    color: #9ea2bd;
}

.dark-style .bma-search-box i{
    color: #9ea2bd;
}

.dark-style .btn-bma-filter,
.dark-style .btn-bma-export,
.dark-style .btn-view-all{
    background: #34385a;
    border-color: rgba(255,255,255,.08);
    color: #d7d8ee;
}

.dark-style .btn-bma-filter:hover,
.dark-style .btn-bma-export:hover,
.dark-style .btn-view-all:hover{
    background: #3b4062;
    color: #fff;
}

.dark-style .bma-apply-all-wrap .form-check-label{
    color: #c2c4da;
}

.dark-style .flatpickr-input{
    background: #34385a !important;
    color: #d7d8ee !important;
}
.dark-style #bulkMarkAlert{
    background: #34385a;
    border-color: rgba(255,255,255,.08);
    color: #d7d8ee;
}

.dark-style .swal-modal{
    background: #30334e;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.30);
}

.dark-style .swal-title{
    color: #e4e5f5;
}

.dark-style .swal-text{
    color: #b2b3ca;
}

.dark-style .swal-icon--warning{
    border-color: #fdb528!important;
}

.dark-style .swal-icon--warning__body,
.dark-style .swal-icon--warning__dot{
    background-color: #fdb528;
}

.dark-style .swal-button:focus{
    outline: none !important;
    box-shadow: none !important;
}

.dark-style .swal-button--cancel{
    background: #34385a !important;
    color: #d7d8ee !important;
    border: 1px solid rgba(255,255,255,.08);
}

.dark-style .swal-button--cancel:hover{
    background: #3b4062 !important;
}

.dark-style .swal-button--confirm{
    background: #ff4d67 !important;
    color: #fff !important;
    box-shadow: none;
}

.dark-style .swal-button--confirm:hover{
    background: #ff3655 !important;
}

.dark-style .swal-button__loader div{
    background-color: #ffffff;
}

.dark-style .swal-icon--success:before,
.dark-style .swal-icon--success:after{
    background: transparent !important;
}

.dark-style .swal-icon--success__hide-corners{
    background: #30334e !important;
}

.dark-style .swal-icon--success__ring{
    border: 4px solid rgba(40,199,111,.25);
}

.dark-style .swal-icon--success__line{
    background-color: #28c76f !important;
}

























.business-insights-sec .nav-pills .nav-link{
    text-transform: none;
}
.business-insights-sec .accordion:not(.accordion-custom-button):not(.accordion-arrow-left) .accordion-item.active{
    border-radius: 0.625rem;
}
.business-insights-sec .accordion:not(.accordion-custom-button):not(.accordion-arrow-left) .accordion-item.active+.accordion-item{
    border-top-left-radius: 0.625rem;
}
.business-insights-sec .accordion:not(.accordion-custom-button):not(.accordion-arrow-left) .accordion-item.active~.accordion-item:not(:last-of-type){
    border-block-end-color:#fff;
}

.transfer-line { position: absolute; top: 50%; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #e0e0e0 50%, transparent 50%); background-size: 12px 4px; transform: translateY(-50%); border-radius: 10px; overflow: hidden; }
.truck { position: absolute; top: 50%; left: 0; transform: translateY(-50%); animation: moveTruck 3.5s ease-in-out infinite; }
.truck i { font-size: 30px; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.15)); }
@keyframes moveTruck { 0% { left: 0%; } 50% { left: 60%; } 100% { left: 85%; } }
.transfer-line::after { content: ''; position: absolute; width: 30%; height: 100%; background: linear-gradient(90deg, transparent, #696cff, transparent); animation: flow 1.5s linear infinite; }
@keyframes flow { 0% { left: -30%; } 100% { left: 100%; } }
.success-icon i { font-size: 55px; color: #28c76f; animation: pop 0.4s ease; }
@keyframes pop { 0% { transform: scale(0.5); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
   
.convert-loader {
width:60px;
height:60px;
margin:auto;
border-radius:50%;
background:#f4f5ff;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
.convert-loader i {
font-size:26px;
color:#696cff;
animation: spinSmooth 1.2s linear infinite;
}
.convert-loader::after {
content:'';
position:absolute;
width:100%;
height:100%;
border-radius:50%;
border:2px solid transparent;
border-top-color:#696cff;
border-right-color:#696cff;
animation: rotateRing 1.5s linear infinite;
}
@keyframes spinSmooth {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes rotateRing {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.convert_qty:disabled {
background: #f5f5f5;
cursor: not-allowed;
}
.convert-line {
position: absolute;
top: 50%;
left: 8%;
width: 84%;
height: 2px;
background: linear-gradient(90deg, #e5e7eb, #696cff, #e5e7eb);
transform: translateY(-50%);
border-radius: 10px;
}
.convert-line::after {
content: '';
position: absolute;
width: 30%;
height: 100%;
background: linear-gradient(90deg, transparent, #696cff, transparent);
animation: flowMove 1.6s linear infinite;
}
@keyframes flowMove {
0% { left: -30%; }
100% { left: 100%; }
}
.convert-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
width: 44px;
height: 44px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 6px 18px rgba(105,108,255,0.25);
transition: all 0.25s ease;
}
.convert-icon i {
font-size: 20px;
color: #696cff;
transition: all 0.25s ease;
}
.convert-icon:hover {
background: #696cff;  
transform: translate(-50%, -50%) scale(1.08) rotate(180deg);
box-shadow: 0 10px 25px rgba(105,108,255,0.35);
}
.convert-icon:hover i {
color: #fff;
}
.convert-icon.active {
background: #696cff;
}
.convert-icon.active i {
color: #fff;
}

.ai-widget-wrap {
    position: fixed;
    bottom: 28px;
    right: 28px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    z-index: 9999;
}
.ai-pill-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border: 1.5px solid #dfe3f3;
    border-radius: 50px;
    cursor: pointer;
    overflow: visible;
    height: 56px;
    width: 56px;
    transition: width 0.45s cubic-bezier(0.34, 1.3, 0.64, 1),
                border-color 0.2s ease,
                box-shadow 0.2s ease;
    box-shadow: 0 5px 18px rgba(79, 70, 229, 0.12);
    animation: aiPillFloat 3s ease-in-out infinite;
    position: relative;
}
.ai-pill-btn.ai-pill-expanded { width: 200px; }
.ai-pill-btn:hover {
    border-color: rgba(37,107,181,0.45);
    box-shadow: 0 10px 30px rgba(37,107,181,0.22),
                inset 0 1px 1px rgba(255,255,255,0.18);
}
.ai-pill-text {
    font-size: 13px;
    color: #444;
    white-space: nowrap;
    opacity: 0;
    width: 0;
    overflow: hidden;
    font-family: 'Segoe UI', Arial, sans-serif;
    transition: opacity .25s ease, width .35s ease;
    user-select: none;
}
.ai-pill-btn.ai-pill-expanded .ai-pill-text {
    opacity: 1;
    width: 120px;
    padding-left: 18px;
}
.ai-mascot-wrap {
    width: 58px;
    height: 58px;
    flex-shrink: 0;
    position: absolute;
    right: -6px;
    top: -2px;
    animation: aiMascotBounce 2.4s ease-in-out infinite;
}
.ai-mascot-wrap svg { width: 58px; height: 58px; }
.ai-notif-dot {
    width: 11px;
    height: 11px;
    background: #256BB5;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 2;
    animation: aiNotifPulse 1.6s infinite;
}
.dark-style .ai-pill-btn{
    background: #30334E;
    border: 1.5px solid #464963;
    box-shadow: 0 5px 18px rgba(0,0,0,0.25);
}

.dark-style .ai-pill-btn:hover{
    border-color: #5B5F82;
    box-shadow: 0 10px 28px rgba(0,0,0,0.35);
}

.dark-style .ai-pill-text{
    color: #D7DCEF;
}

.dark-style .ai-notif-dot{
    border: 2px solid #30334E;
}

.lead-tbl tr{background: #1767a8;}
.lead-tbl tr th{color: #fff;}
.lead-tbl > tbody > tr {
    background-color: transparent;
}

@keyframes aiPillFloat {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-7px); }
}
@keyframes aiMascotBounce {
    0%, 100% { transform: translateY(0)    rotate(-2deg); }
    25%      { transform: translateY(-6px)  rotate(2.5deg); }
    55%      { transform: translateY(-2px)  rotate(-1deg); }
    80%      { transform: translateY(-8px)  rotate(3deg); }
}
@keyframes aiNotifPulse {
    0%, 100% { transform: scale(1);    opacity: 1; }
    50%      { transform: scale(1.45); opacity: 0.65; }
}










@media (max-width: 767px) {

    .weekly-sales-sec .swiper-slide{
        padding: 15px;
    }

    .weekly-sales-sec .weekly-sales-img{
        width: 90px !important;
        margin: 0 auto 10px;
        display: block;
    }

    .weekly-sales-sec h5{
        font-size: 20px;
        margin-bottom: 8px !important;
    }

    .weekly-sales-sec h6{
        font-size: 16px;
        margin-top: 10px !important;
        margin-bottom: 12px !important;
    }

    .weekly-sales-sec .col-6{
        width: 100%;
        margin-bottom: 10px;
    }

    .weekly-sales-sec li{
        flex-wrap: wrap;
        gap: 5px;
    }

    .weekly-sales-sec li p{
        font-size: 14px;
        line-height: 1.4;
    }

    .weekly-sales-sec .weekly-sales-text-bg-primary{
        min-width: 70px;
        text-align: center;
    }

    .weekly-sales-sec .swiper-pagination{
        bottom: 8px !important;
    }
	 .mobile-modal-fix{
        margin-left: 10px !important;
        margin-right: 10px !important;
        max-width: calc(100% - 20px) !important;
    }

 	 .modal .modal-dialog.mobile-modal-fix .modal-content[style]{
        width: 100% !important;
        max-width: 100% !important;
    }
	.mobile-btn-sec 
	{
		width: 100%;
        margin-top: 15px;
		margin-bottom: 10px !important;
	}
	.mobile-btn-sec .create-mobile-btn
	{
		width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
	}
	.mobile-list-header{
        display: block !important;
    }

    .mobile-list-header .head-label{
        width: 100%;
        text-align: center !important;
        margin-bottom: 12px;
    }

    .mobile-list-header .customer-btn-group{
        width: 100%;
        display: flex !important;
        justify-content: center !important;
        gap: 10px;
        flex-wrap: wrap;
    }

    .mobile-list-header .export-btn{
        min-width: 130px;
        text-align: center;
    }

    .mobile-list-header form{
        margin: 0;
    }
	.mobile-godwon-btn a{font-size: 11px;}
	.mobile-godwon-view
	{
		display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px;
		text-align: center;
	}
	.mobile-product-header{
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
    }

    .mobile-product-header .head-label{
        width: auto !important;
        flex: 1;
        margin-bottom: 0 !important;
    }

    .mobile-product-header .col-md-10{
        width: auto !important;
        flex: 0 0 auto;
    }

    .mobile-product-header .export-btn{
        white-space: nowrap;
        padding: 6px 10px;
    }
	 .mobile-product-view .product-left-box,
    .mobile-product-view .product-right-box{
        width: 100% !important;
        max-width: 100% !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(0,0,0,.08);
        padding: 0 6px 15px 6px !important;
        margin-bottom: 15px;
    }
	.mobile-product-view .product-left-box .right-box{
		padding-left: 11px ! Important;
	}

    .mobile-product-view .product-right-box{
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0 !important;
    }

    .mobile-product-view .product-info-wrap{
        margin: 0;
    }

    .mobile-product-view .product-info-box{
        width: 100% !important;
        max-width: 100% !important;
        border-left: 0 !important;
        /* padding: 0 !important; */
        margin-bottom: 10px;
    }
	.mobile-product-view .product-info-box{
        border-left: 0 !important;
        border-inline-start: 0 !important;
        border-color: transparent !important;
    }

    html:not([dir=rtl]) .mobile-product-view .product-info-box{
        border-left: 0 !important;
    }

    html[dir=rtl] .mobile-product-view .product-info-box{
        border-right: 0 !important;
    }

    .mobile-product-view .product-progress-wrap{
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .mobile-product-view .product-progress-label{
        width: 100% !important;
    }

    .mobile-product-view .product-progress-bar{
        width: 100% !important;
    }

	.mobile-qua-sec .mobile-sec-row{
		padding: 0 !important;
		margin: 0;
		padding-top: 10px !important;
	}

	.mobile-qua-sec .mobile-repeater-sec{
		padding-top: 15px;
	}
	
   #addsalesreturn .invoice-item{
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
    }

    #addsalesreturn .invoice-item > div:first-child{
        width: 100%;
    }

    #addsalesreturn .invoice-item > div:last-child{
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-top: 4px;
    }

    #addsalesreturn .invoice-item .btn{
        width: auto !important;
        white-space: nowrap;
    }
	.mobile-return-general{
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px;
    }

    .mobile-return-general > div{
        width: 100%;
    }

    .mobile-return-general .cus-name-sec{
        text-align: left !important;
    }

    .mobile-return-general h5{
        font-size: 18px;
        margin-bottom: 8px !important;
    }

    .mobile-return-general p,
    .mobile-return-general .cus-name,
    .mobile-return-general .cus-name-sec div{
        font-size: 14px;
        line-height: 1.5;
    }

    .mobile-return-general .cus-name-sec div[style]{
        max-width: 100% !important;
    }

	.mobile-retun-product .pro-sec{
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px;
    }

    .mobile-retun-product .pro-sec .text-end{
        text-align: left !important;
        width: 100%;
    }

    .mobile-retun-product .mobile-row-sec{
        row-gap: 15px;
    }

    .mobile-retun-product .mobile-row-sec .col{
        width: 50%;
        flex: 0 0 50%;
    }
	.mobile-retun-product .mobile-row-sec .col.note-sec{
        width: 100%;
        flex: 0 0 100%;
    }

    .mobile-retun-product h5{
        font-size: 18px;
    }

    .mobile-retun-product h6{
        font-size: 14px;
        margin-bottom: 6px !important;
    }

    .mobile-retun-product span{
        font-size: 13px;
        line-height: 1.4;
    }

    .mobile-lead-details-sec .mobile-lead-tab-sec .mobile-lead-tab
    {
      padding: 0;
    }

    .mobile-lead-details-sec #leadTabs{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        gap: 8px;
        padding-bottom: 5px;
        scrollbar-width: none;
    }

    .mobile-lead-details-sec #leadTabs::-webkit-scrollbar{
        display: none;
    }

    .mobile-lead-details-sec #leadTabs .nav-item{
        flex: 0 0 auto;
    }

    .mobile-lead-details-sec #leadTabs .nav-link{
        padding: 8px 14px;
        font-size: 14px;
        border-radius: 8px;
    }

    .mobile-lead-tab-sec{
        padding: 12px !important;
        margin-top: 10px;
    }

    .mobile-lead-tab .row{
        row-gap: 15px;
    }

    .mobile-lead-tab table th,
    .mobile-lead-tab table td{
        font-size: 13px;
        white-space: normal;
        vertical-align: top;
    }

    .mobile-lead-tab table th{
        min-width: 130px;
    }

    .mobile-lead-tab .card-body{
        padding: 12px;
    }
    .mobile-com-tab-sec .mobile-com-flex-sec{
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px;
    }

    .mobile-com-tab-sec .mobile-com-flex-sec .btn{
        width: 100%;
        justify-content: center;
    }

    .mobile-com-tab-sec .table-responsive{
        overflow-x: auto;
    }

    .mobile-com-tab-sec table{
        min-width: 900px;
    }

    .mobile-com-tab-sec th,
    .mobile-com-tab-sec td{
        font-size: 13px;
        white-space: nowrap;
    }

    .mobile-com-tab-sec .pagination{
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }
    .mobile-tag-sec .btn-sec{
        display: flex !important;
        flex-direction: column !important;
        width: 100%;
        gap: 10px !important;
        margin-top: 10px;
    }

    .mobile-tag-sec .btn-sec .btn{
        width: 100%;
        justify-content: center;
    }
     .mobile-leads-tbl-sec{
        overflow-x: auto;
    }

    .mobile-leads-tbl-sec th,
    .mobile-leads-tbl-sec td{
        white-space: nowrap;
    }
    .mobile-barcode-btn{
        display: flex !important;
        flex-direction: column !important;
        gap: 10px;
        align-items: stretch !important;
    }

    .mobile-barcode-btn .btn{
        width: 100%;
        margin: 0 !important;
    }
    .mobile-barcode-btn .btn.mobile-scroll-btn{
      margin-left: 0!important;
    }
    .mobile-barcode-view-btn{
        display: flex !important;
        flex-direction: column !important;
        gap: 10px;
    }

    .mobile-barcode-view-btn .btn{
        width: 100%;
        margin: 0 !important;
    }
    .mobile-com-tbl-sec{
        overflow-x: auto;
    }

    .mobile-com-tbl-sec th,
    .mobile-com-tbl-sec td{
        white-space: nowrap;
    }
    .mobile-dash-tbl-sec th,
    .mobile-dash-tbl-sec td{
        white-space: nowrap;
    }
    .mobile-barcode-inwar-btn .dt-buttons{
        display: flex !important;
        flex-direction: column !important;
        gap: 10px;
        width: 100%;
    }

    .mobile-barcode-inwar-btn .dt-buttons .btn{
        width: 100%;
        margin: 0 !important;
    }
    .reminder-top{
        padding:16px;
    }

    .reminder-left-sec{
        align-items:flex-start !important;
    }

    .reminder-bell{
        width:44px;
        height:44px;
        border-radius:14px;
        flex:0 0 44px;
    }

    .reminder-bell i{
        font-size:20px !important;
    }

    .reminder-content h5{
        font-size:1.05rem;
        margin-bottom:6px !important;
    }

    .reminder-content small{
        font-size:.83rem;
        line-height:1.45;
    }

    .reminder-badge-mobile{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        font-size:.78rem;
        padding:7px 12px !important;
    }

    .live-alert-sec{
        display: flex;
        justify-content: end;
    }
    .dark-style .reminder-wrap{
        border-radius:18px;
    }

    .dark-style .reminder-top{
        padding:18px 16px 14px;
    }

    .dark-style .reminder-grid{
        padding:16px;
    }

    .ai-widget-wrap{right:18px;bottom:18px;}
    .ai-pill-btn.ai-pill-expanded{width:210px;}


    
	
	
}