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

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

.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: #256bb5 !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: #256bb5 !important;
}

.btn-primary {
  color: #fff !important;
  background-color: #256bb5 !important;
  border-color: #256bb5 !important;
}

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

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

a.yellow-link:hover, .breadcrumb-container a:hover {
  color: #256bb5 !important;
}
.switch-input:checked ~ .switch-toggle-slider{
  /* background: #d49e3bb0 !important; */
}
.switch-input:checked ~ .switch-toggle-slider::after{
  background: #256bb5 !important;
}
.vw_cls{
  color: #273887!important;
}
.page-item.active .page-link{
  border-color : #256bb5 !important;
  background: #256bb5 !important;
}
.btn-label-theme
{
    color: #FFF!important;
    border-color: #256bb5!important;
    background: #256bb5!important;
}
.btn-label-theme:hover
{
  border-color: #256bb5 !important;
  background: #256bb5 !important;
  color: #fff !important;
}
.badge.bg-label-warning {
  background-color: #2738871c !important;
  color: #273887 !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: #256bb5 !important;
  color: #fff !important;
  border: none;
}
.swal-title {
  font-size: 15px !important;  /* default-like size */
  font-weight: 500;
}
.swal-btn-brand:hover {
  background-color: #256bb5 !important;
}
.row .form-floating-outline .form-control:focus, .row .form-floating-outline .form-select:focus {
    border-color: #256bb5 !important;
}

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

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

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

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

.new-tbl tr{background: #256bb5;}
.new-tbl 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;
}
.export-btn{ background-color: #00000000 !important; color: #256bb5 !important; border-color: #256bb5 !important; padding: 8px 22px !important; }
.role-edit-btn{ background-color: #2738871c !important; color: #273887 !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;}

.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: #256bb5;
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;
}

.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: #256bb5 !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: #256bb5 !important;}
.row .card a.a-link:hover{color: #273887 !important;}
.row .card a.a-link-a{color: #256bb5 !important;}
.row .card a.a-link-a:hover{color: #273887 !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:#256bb5;
}

.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-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);
}













@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;
    }


    
	
	
}