/* ============================================
   Custom Admin Styles
   ============================================
   Load order: custom.css → sidemenu.css → p1.css
   p1.css loads LAST. Use !important here only
   when overriding p1.css sidebar rules (which use
   !important to counter sidemenu.css !important).
   ============================================ */


/* ===========================================
   1. UTILITY CLASSES
   =========================================== */

.hidden {
	display: none;
}

.text-admin {
	color: #495584;
}

.fw-medium {
	font-weight: 500;
}

.bg-muted {
	background: var(--bg-light-gray);
}

.bg-gray-custom {
	background: #edf2f9;
}

.bg-lt-blue {
	background: #bfd9ff;
}

.ps-10 {
	padding-left: 3rem;
}

.height70 {
	height: 70vh;
}

.deactivated {
	opacity: 0.5;
	pointer-events: none;
	filter: blur(1px);
}

.custom-bg-color {
	background: #f6f8fa;
}

.position-stickyy {
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
}

.hidden-subcat {
	display: none;
}

.pincode {
	font-size: 1.5rem;
}


/* ===========================================
   2. BUTTONS
   =========================================== */

.btn-support {
	background: #FE8E3E;
	border-color: #FE8E3E;
	color: #fff;
}

.btn-activation {
	background: #ef1b58;
	color: #fff;
}

.actionsbutton {
	color: #3f1daa;
}

.filter-btn {
	display: block;
	background: #fff;
	height: 38px;
	width: auto;
}

.filter-btn span {
	margin-left: 5px;
	font-weight: 500;
	font-size: 13px;
}

.filter-btn img {
	max-width: 18px;
}

.reset-btn {
	color: #76839a;
	font-weight: 500;
}

.btn-sorting {
	box-shadow: 0 5px 10px var(--light-shadow);
	background: #0077f1;
	padding: 3px 6px;
	border-radius: 4px;
}

.btn-sorting img {
	max-width: 13px;
	filter: brightness(100);
}

.btn.btn-accordion {
	color: #495057;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
	width: 100%;
	display: flex;
	align-items: center;
	font-size: .9rem;
	font-weight: 500;
	letter-spacing: -.3px;
}


/* ===========================================
   3. CUSTOM CARD
   =========================================== */

.custom-card {
	background: #fff;
	box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
	border-radius: 5px;
	margin-bottom: 10px;
}


/* ===========================================
   4. MODAL & CLOSE BUTTON
   =========================================== */

.modal-header .btn-close {
	background: none;
}

.modal-header .btn-close::before {
	content: "X";
	font-weight: 100;
	display: block;
	font-size: 20px;
	transform: scale(1, .7);
}

.modal-header .btn-close:hover::before {
	color: #555;
}

.modal-backdrop.show {
	opacity: 0.8;
}

#product-period-modal {
	z-index: 1060;
}


/* ===========================================
   5. FORM CONTROLS & INPUTS
   =========================================== */

.form-control,
.form-select {
	border: 1px solid var(--input-border);
}

.form-switch {
	padding-left: 0;
}

input:focus {
	box-shadow: none;
}

.custom-form-control .form-control,
.custom-form-control .form-select {
	border: none;
	box-shadow: 0 5px 10px var(--lighter-shadow);
	height: 38px;
	font-size: 12px;
	font-weight: 500;
}

.custom-form-control.input-group {
	width: auto;
}

.custom-form-control .form-control,
.custom-form-control .form-select option {
	font-size: 12px;
}

.custom-form-control .form-control::placeholder,
.custom-form-control .form-select::placeholder {
	font-size: 12px;
	font-weight: 500;
}

.custom-form-control .input-group-text {
	box-shadow: none;
	border: none;
	border-right: 1px solid #ddd;
	background: #fff;
}

.custom-form-control .input-group-text img {
	max-width: 18px;
}

.dynamic-field:not(:first-child) #add-button {
	display: none;
}

.file_selector .form-control {
	height: 30px;
}

.file_selector .form-control-sm::file-selector-button {
	height: 30px;
}

.activity-toggle .disabled {
	pointer-events: none;
	opacity: 0.5;
}

.input-group-append .input-group-text {
	padding: 0.375rem 0.75rem;
	color: #222;
	border: none;
	height: 40px;
	background: none;
	cursor: pointer;
}


/* ===========================================
   6. TOGGLE SWITCHES (custom-size)
   =========================================== */

.custom-size {
	width: 2.2rem;
	height: 1.15rem;
	margin-top: 0;
	margin-left: 0;
	cursor: pointer;
	border: 1px solid #cbd5e1;
	background-color: #e2e8f0;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
	transition: background-color .15s ease, border-color .15s ease, background-position .15s ease;
	box-shadow: none;
}

.custom-size:checked {
	background-color: #3b82f6;
	border-color: #3b82f6;
}

.custom-size:focus {
	box-shadow: none;
}


/* ===========================================
   7. CHECKBOXES & RADIO
   =========================================== */

.form-check-input {
	width: 1.2rem;
	height: 1.2rem;
	margin-top: .4em;
	border: 1px solid #9FB7E1;
}

.form-check-input:checked {
	background-color: #0d6efd;
	border-color: #0d6efd;
}

.badge-customwidth {
	width: 3rem;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}


/* ===========================================
   8. CATEGORIES
   =========================================== */

.category-row {
	width: 100%;
	clear: both;
}

.category-row .w-5,
.category-row .w-10,
.category-row .w-55 {
	float: left;
}

.td-custom {
	color: #4d5875;
	font-size: 14px;
}

.categories-selected {
	background: #edf2f9;
	padding: 1rem;
	margin-top: 0.5rem;
}

.categories-selected .filter-alert {
	display: inline-block;
	background: var(--bg-primary);
	color: #fff;
	margin-bottom: 5px;
	padding: 5px;
	width: 100%;
	font-size: 14px;
	border-radius: 3px;
}

.categories-selected .ui-sort-highlight {
	background: #cde1ff;
	color: #fff;
	margin-bottom: 5px;
	padding: 5px;
	width: 100%;
	font-size: 14px;
	border-radius: 3px;
	height: 32px;
}

.categories-sort h3 {
	margin-bottom: 0;
	font-size: 18px;
}

.categories_search .select2-container {
	min-width: initial;
	max-width: 100%;
}

.categories_search .select2-selection__rendered {
	font-size: 12px;
}


/* ===========================================
   9. ORDERS & TABLES
   =========================================== */

#orderAdvancedSearch .form-control,
#orderAdvancedSearch .form-select {
	height: 38px;
	font-size: 14px;
	border-radius: 7px;
}

.mail-link-orders {
	font-size: 12px;
}

.date-orders {
	font-size: 12px;
	color: #999;
}

.product_variants.badge-primary {
	background: #0b5ed7;
	margin-right: 5px;
}

/* ===========================================
   11. ABANDONED CARTS
   =========================================== */

.abandoned-cart-info {
	background: #fff;
	position: relative;
	top: -10px;
	font-size: 13px;
}

.abandoned-cart-info .b-bottom {
	border-bottom: 1px solid #eee;
}

.abandoned-cart-info .b-top {
	border-top: 1px solid #ddd;
}


/* ===========================================
   13. PAGINATION & FILTERS
   =========================================== */

.pagination-list .pagination .page-item {
	margin-right: 8px;
}

.pagination-list .pagination .page-item a {
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 5px 10px var(--lighter-shadow);
	border: none;
	font-size: 12px;
	padding: 0.275rem 0.65rem;
}

.pagination-list .pagination .page-item.active a,
.pagination-list .pagination .page-item a:hover {
	color: #ebf8ff;
	background: var(--bg-primary);
}

.active-filters .alert.filter-alert {
	padding: 3px 5px;
	font-size: 12px;
	display: inline-block;
	background: #edf2f9;
}

.results-found {
	background: #fff;
	padding: 4px 12px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 500;
	color: #0d6efd;
}


/* ===========================================
   14. IMAGE UPLOADERS
   =========================================== */

.uploadzone .figure {
	width: 200px;
	height: 200px;
	background: var(--b-muted);
	margin-bottom: 0;
	border: 1px solid var(--input-border);
	border-radius: var(--br5);
}

.single-image-uploader .no-image {
	font-size: 40px;
	color: var(--bg-muted);
	opacity: 0.2;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.single-image-uploader input[type="file"] {
	display: none;
}

.single-image-uploader figure {
	overflow: hidden;
}

.single-image-uploader .custom-file-upload {
	border: 1.5px dashed #0D6EFD;
	background: #F1FAFF;
	border-radius: 0.475rem;
	padding: .5rem 1.75rem;
	width: 100%;
	cursor: pointer;
	text-align: center;
}

.single-image-uploader .custom-file-upload i {
	display: flex;
	justify-content: center;
}

.uploadzone .single-image-uploader figure .delete-img,
.single-image-uploader .delete-img {
	background: #fff;
	color: #FF556D;
	opacity: 1;
	font-size: 20px;
	padding: .25rem;
	border: 1px solid var(--input-border);
	cursor: pointer;
	border-radius: .5rem;
	position: absolute;
	top: -15px;
	left: -15px;
	box-shadow: -1px 1px 5px -2px rgba(0,0,0,.3);
}

.delete-image-small {
	display: flex;
	font-size: .8rem;
	justify-content: center;
	color: #FF556D;
	cursor: pointer;
	background: #FFF4F5;
	padding: .1rem;
}

.delete-image-small i {
	margin-right: 5px;
}

.single-image-uploader.small .custom-file-upload {
	display: flex;
	align-items: center;
	padding: .25rem 1rem;
	justify-content: center;
	font-size: .8rem;
	margin-top: .5rem;
	font-weight: 500;
	border-radius: 5px;
}

.single-image-uploader.small .custom-file-upload i {
	margin-right: 5px;
	color: var(--bg-primary);
}

.single-image-uploader:has(.no-image) .custom-file-upload {
	display: flex !important;
}

.image-delete-button {
	top: 14px;
	right: 14px;
}

.product-image-upload {
	border: 1.5px dashed #ddd;
	margin: 5px;
	padding: 20px;
	width: 190px;
	height: 180px;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
}

.product-image-upload .form-control-sm {
	padding: 0.25rem 0.5rem;
	font-size: 10px;
	line-height: 1.14285714;
	width: 155px;
}

.custom-file-upload {
	border: 1.5px dashed #0D6EFD;
	background: #F1FAFF;
	border-radius: 0.475rem;
	padding: 1rem 1.75rem;
}

.custom-file-upload.completed {
	border: 1.5px dashed #48CEB8;
	background: #f4fffd;
}

.custom-file-upload img {
	max-width: 40px;
}

.upload-long-text {
	display: block;
	overflow: hidden;
	width: 300px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.images-list #sortable {
	flex-wrap: wrap;
}

.images-list #sortable .p-image {
	width: 190px;
	height: 190px;
}

.images-list .ui-sort-highlight {
	width: 190px;
	background: #d6eeff;
	border: thin solid #ececec;
	box-sizing: border-box;
}

.images-list #sortable .p-image-inner {
	border-radius: 5px;
	padding: 10px;
	margin: 5px;
	position: relative;
	background: #fff;
	text-align: center;
}

.p-image .delete {
	position: absolute;
	right: 5px;
	top: 5px;
	color: #ff0000;
	cursor: pointer;
}

.p-image .delete i {
	color: #ff0000;
}

#uploaded_images {
	min-height: 300px;
	background: #fbfbfc;
	padding: 20px;
}

.product_dropzone .dz-preview {
	display: none;
}

.logo-image-upload {
	border: 1.5px dashed #ddd;
	padding: 20px;
	width: 190px;
	height: 102px;
	border-radius: 0 5px 5px 0;
	background: #f5f5f5;
	overflow: hidden;
}

.logo-image-upload .form-control-sm {
	padding: 0.25rem 0.5rem;
	font-size: 10px;
	line-height: 1.14285714;
	width: 155px;
}

.logo-upload-zone .p-image .p-image-inner {
	border: 1px solid #eee;
}

.file-input-upload {
	border: 1.5px dashed #ddd;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
}

.file-input-upload .form-control-sm {
	padding: 0.7rem 0.9rem;
	font-size: 10px;
	width: 100%;
}


.accordion-item.settings_item .sorter {
	left: 4px;
	font-size: 11px;
}


/* ===========================================
   16. PRODUCT TABS
   =========================================== */

#productsTabs {
	margin-bottom: 30px;
}

#productsTabs .nav-link {
	background: none;
	color: #999;
	border-bottom: 2px solid transparent;
	font-size: 15px;
	padding: 10px 30px;
}

/* Override p1.css .nav-tabs .nav-link color !important */
#productsTabs .nav-link.active,
#productsTabs .nav-link:hover {
	color: var(--bg-primary) !important;
	border-bottom: 2px solid var(--bg-primary);
}

.upgrade-fa {
	color: #ff7d00;
	font-size: 15px;
	margin-left: 10px;
	margin-right: initial;
}


/* ===========================================
   17. OR SEPARATOR
   =========================================== */

.or-separator {
	display: block;
	margin: 1.5rem;
	font-size: .75rem;
	color: #495584;
	position: relative;
}

.or-separator span {
	display: inline-block;
	font-size: .75rem;
	background: #fff;
	position: relative;
	padding: 0 1rem;
}

.or-separator::before {
	background: #eee;
	content: "";
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
}


/* ===========================================
   18. TITLE UNDERLINE
   =========================================== */

.title-underline {
	border-bottom: 1px solid #ddd;
	position: relative;
	padding-bottom: 5px;
}

.title-underline::before {
	content: "";
	position: absolute;
	height: 2px;
	background: var(--bg-primary);
	width: 140px;
	bottom: -1px;
}


/* ===========================================
   19. ADMIN ALERTS
   =========================================== */

.admin-alert {
	background: #FEF7EA;
	color: #dd6800;
	border-color: #F5E3BF;
	padding: .55rem .7rem;
	border-radius: .9rem;
}

.admin-alert i {
	color: #fff;
	background: #ff7d00;
	padding: 9px;
	border-radius: 10px;
}

.admin-alert .alert-link-item {
	border-bottom: 1px dotted;
	font-weight: 500;
}

.custom-alert {
	border-radius: 12px;
	background: #e6effa;
	border-color: #bed4ee;
	padding: 10px;
	font-size: 0.8rem;
	color: #495584;
}

.custom-alert .icon-placeholder {
	background: #006de7;
	padding: 8px;
	border-radius: 14px;
	display: flex;
}

.custom-alert .btn-close {
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	transition: 0.2s all;
	padding: 5px;
	margin-right: 5px;
}

.custom-alert .btn-close:hover {
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
}

.custom-alert.success-alert .alert-text {
	color: #203a2b;
}


/* ===========================================
   20. SETTINGS LANDING PAGE
   =========================================== */

.settings-inner {
	background: #fff;
	padding: 19px 10px 18px 15px;
	box-shadow: 0 2px 5px var(--light-shadow);
	border-radius: 5px;
	border: 1px solid #dfdbf2;
	transition: 0.2s all;
	flex: 1;
}

.settings-inner:hover {
	background: rgba(255, 255, 255, 1);
	cursor: pointer;
}

.settings-inner_icon {
	background: #edf2f9;
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #eee;
}

.settings-inner_icon i,
.settings-inner_icon span {
	font-size: 36px;
	color: var(--bg-primary);
}

.settings-inner_desc p {
	min-height: 40px;
	font-size: 13px;
}

.settings-inner_desc h4 {
	font-weight: 400;
	font-size: 16px;
}

.settings-inner .gray-lock {
	color: #ff7d00;
	font-size: 14px;
}

.premium_feature {
	opacity: 0.6;
}


/* ===========================================
   21. SETTINGS MENU (Left Sidebar List)
   =========================================== */

.settings-menu-list {
	background: #fff;
}

.settings-menu-list li h4 {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: var(--bg-primary);
}

.settings-menu-list li h4 span,
.settings-menu-list li h4 i {
	margin-right: 10px;
}

.settings-menu-list li a {
	background: #fff;
	padding: 15px 15px 7px 15px;
	border-bottom: 1px solid #eee;
	border-left: 3px solid transparent;
	transition: 0.2s all;
	display: block;
	width: 100%;
	cursor: pointer;
}

.settings-menu-list li a:hover {
	background: #ebf8ff;
	padding: 15px 15px 7px 20px;
	border-left: 3px solid var(--bg-primary);
}

.settings-menu-list li a.active {
	background: #ebf8ff;
	border-left: 3px solid var(--bg-primary);
}

.settings-menu-list .gray-lock {
	color: #ff7d00;
	font-size: 14px;
	margin-left: 5px;
}

.settings-menu-list.feeds img {
	max-width: 60px;
	margin-right: 10px;
	background: #edf2f9;
	padding: 5px;
	border-radius: 3px;
	transition: 0.2s all;
}

.settings-menu-list.feeds li a.active img,
.settings-menu-list.feeds li a:hover img {
	background: #fff;
}

.list-settings {
	background: #fff;
	padding: 10px 0;
	border-radius: 5px;
	box-shadow: 5px 5px 3px -3px rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
}

.list-settings li h4 small {
	display: block;
	margin-top: 5px;
	font-weight: 400;
	color: #76839a;
}

.list-settings li h4 {
	display: block;
	font-size: 14px;
	color: #495584;
	font-weight: 500;
	margin-bottom: 0;
}

.list-settings i {
	margin-right: 10px;
	font-size: 20px;
	margin-top: 3px;
	color: #495584;
}

.list-settings li a {
	background: #fff;
	padding: 11px 15px;
	border-bottom: 1px solid #eee;
	border-left: 3px solid transparent;
	transition: 0.2s all;
	display: flex;
	align-items: start;
	width: 100%;
	cursor: pointer;
}

.list-settings li a:hover {
	background: #ebf8ff;
	padding: 11px 15px 11px 20px;
	border-left: 3px solid var(--bg-primary);
}

.list-settings li a.active {
	background: #ebf8ff;
	border-left: 3px solid var(--bg-primary);
}

.list-settings li a.active i,
.list-settings li a.active h4 {
	color: var(--bg-primary);
}

.list-settings li a.active h4 small {
	color: #76839a;
}


/* ===========================================
   22. SETTINGS ACCORDION & GENERAL
   =========================================== */

#general_settings .accordion-button:not(.collapsed) {
	color: var(--bg-primary);
	box-shadow: none;
	background: #f9fbfd;
}

#general_settings .accordion-item {
	margin-bottom: 10px;
}

#general_settings .form-select {
	padding: 0.5rem 1.75rem 0.5rem 0.75rem;
	line-height: 1.5;
	color: #4d5875;
	border-radius: 7px;
	font-size: 0.875rem;
}

#general_settings .form-label {
	font-weight: 500;
}

#general_settings .p-image-inner.favicon {
	width: 150px;
	height: 102px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#general_settings .accordion-button::after {
	display: none;
}

#general_settings .form-control:not(textarea) {
	height: 35px;
	padding: 0.375rem 0.75rem;
	font-size: 0.785rem;
	border-radius: 6px;
}

.rounded-accordion .accordion-item {
	border-radius: 8px;
	border: none;
}

.settings_item {
	box-shadow: 1px 4px 2px -2px rgba(0, 0, 0, 0.1);
	padding: 1rem 1.5rem;
	border-radius: 5px;
	margin: 10px 0;
	background: #fff;
}

.settings_item label {
	color: #495584;
}

.settings_item .help {
	display: block;
}

.accordion-item.settings_item {
	margin-top: 0;
	border-radius: 5px;
}

.accordion-item.settings_item .accordion-button {
	padding: 10px;
	font-weight: 500;
}

.accordion-item.settings_item small input {
	margin-top: 10px;
	width: 12px;
}

.no-dropdown.accordion-button::after {
	display: none;
}

.no-after::after {
	display: none;
}

#payment_methods_settings .accordion-button:not(.collapsed) {
	color: var(--bg-primary);
	box-shadow: none;
	background: #f9fbfd;
}

#payment_methods_settings .accordion-item {
	margin-bottom: 10px;
}

#payment_methods_settings .form-select {
	padding: 0.5rem 1.75rem 0.5rem 0.75rem;
	line-height: 1.5;
	color: #4d5875;
	border-radius: 7px;
	font-size: 0.875rem;
}

#payment_methods_settings .form-label {
	font-weight: 400;
}

#payment_methods_settings .p-image-inner.favicon {
	width: 150px;
	height: 102px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#payment_methods_settings .accordion-button::after {
	display: none;
}

#payment_methods_settings .ui-sort-highlight {
	background: #f5f5f5;
	border: 2px dashed #c1c1c1;
	padding-top: 30px;
	padding-bottom: 30px;
	border-radius: 8px;
}


/* ===========================================
   23. THEME PREVIEW & DISPLAY
   =========================================== */

.theme_preview {
	padding: 20px 20px 30px;
	box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
	border-radius: 5px;
	margin-bottom: 25px;
	background: #fff;
}

.activ_theme {
	box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
	border-radius: 5px;
	margin-bottom: 25px;
	background: #fff;
	padding: 30px;
}

.theme_badge {
	background: #00c9a7;
}

.colour-pallete {
	text-align: center;
	border: 1px solid #eee;
	padding: 6px;
	border-radius: 5px;
	margin: 0 10px;
	width: 30%;
	background: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.04);
}

.colour-pallete span {
	font-weight: bold;
	padding: 40px 15px;
	border: 1px solid #ddd;
	display: block;
	border-radius: 5px;
}

.colour-pallete p {
	font-weight: bold;
	margin-top: 10px;
}


/* ===========================================
   24. MODULES / PLUGINS
   =========================================== */

.modules-topbar {
	background: #fff;
	border-radius: 8px;
	padding: 12px 16px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.modules-search-field {
	padding-left: 36px;
	border: 1px solid #e1e8ee;
	border-radius: 6px;
	height: 40px;
	font-size: 14px;
}

.modules-search-icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #94a3b8;
	font-size: 15px;
	pointer-events: none;
}

.modules-status-filter .form-select {
	min-width: 150px;
	height: 40px;
	border: 1px solid #e1e8ee;
	border-radius: 6px;
	font-size: 14px;
	color: #4d5875;
}

.modules-categories-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.modules-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 16px;
	border: 1px solid #e1e8ee;
	border-radius: 20px;
	background: #fff;
	color: #4d5875;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.15s ease;
	white-space: nowrap;
}

.modules-pill:hover {
	border-color: var(--bg-primary);
	color: var(--bg-primary);
}

.modules-pill.active {
	background: var(--bg-primary);
	border-color: var(--bg-primary);
	color: #fff;
}

.modules-pill i {
	font-size: 14px;
}

.modules-list {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
	overflow: hidden;
}

.module-category-section {
	margin-bottom: 2px;
}

.module-category-header {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: #f4f8ff;
	font-weight: 600;
	font-size: 13px;
	color: #495584;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	border-bottom: 1px solid #e8eef6;
}

.module-category-header i {
	font-size: 16px;
}

.module-row {
	border-bottom: 1px solid #f0f3f7;
}

.module-row:last-child {
	border-bottom: none;
}

.module-row-inner {
	display: flex;
	align-items: center;
	padding: 14px 20px;
	gap: 16px;
	transition: background 0.1s ease;
}

.module-row-inner:hover {
	background: #f8fafc;
}

.module-row-icon {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	background: #f4f8ff;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.module-row-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 4px;
}

.module-row-icon i {
	font-size: 18px;
	color: #94a3b8;
}

.module-row-info {
	flex: 1;
	min-width: 0;
}

.module-row-name {
	font-weight: 600;
	font-size: 14px;
	color: #324964;
	line-height: 1.3;
	display: flex;
	align-items: center;
	gap: 8px;
}

.module-trial-badge {
	font-size: 10px;
	font-weight: 600;
	background: #7fe4d3;
	color: #1a3a32;
	padding: 2px 8px;
	border-radius: 3px;
	white-space: nowrap;
}

.module-row-desc {
	font-size: 13px;
	color: #64748b;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.module-row-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	min-width: 140px;
	justify-content: flex-end;
}

.module-toggle {
	position: relative;
	display: inline-block;
	width: 42px;
	height: 24px;
	flex-shrink: 0;
	margin-bottom: 0;
}

.module-toggle-input {
	opacity: 0;
	width: 0;
	height: 0;
}

.module-toggle-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #cbd5e1;
	border-radius: 24px;
	transition: 0.2s;
}

.module-toggle-slider:before {
	content: "";
	position: absolute;
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background: #fff;
	border-radius: 50%;
	transition: 0.2s;
}

.module-toggle-input:checked + .module-toggle-slider {
	background: #50c594;
}

.module-toggle-input:checked + .module-toggle-slider:before {
	transform: translateX(18px);
}

.module-toggle-input:disabled + .module-toggle-slider {
	opacity: 0.5;
	cursor: wait;
}

.module-settings-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 6px;
	color: #64748b;
	transition: all 0.15s;
}

.module-settings-link:hover {
	background: #f0f4ff;
	color: var(--bg-primary);
}

.module-settings-link i {
	font-size: 16px;
}

.modules-empty-state {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.module-single_page .btn i {
	font-size: 8px;
	position: relative;
	top: -1px;
	margin-left: 5px;
}

.module-single_page h3 {
	color: var(--bg-primary);
	font-weight: bold;
	font-size: 32px;
}

.module-single_page .list-group li {
	color: #4d5875;
	font-size: 13px;
	margin-bottom: 5px;
}

.module-single_page .list-group li i {
	color: var(--bg-primary);
}

.module-settings-row {
	padding: 14px 20px;
	border-bottom: 1px solid #f0f3f7;
	transition: background 0.1s ease;
}

.module-settings-row:last-child {
	border-bottom: none;
}

.module-settings-row:hover {
	background: #f8fafc;
}

.module-settings-row label {
	color: #495584;
}

.module-list-filters .status-span {
	width: 7px;
	height: 7px;
	top: 47%;
	left: 12px;
}

.module-list-filters .status-span.active {
	background: #13BFA6;
}


/* ===========================================
   25. CURIER
   =========================================== */

#curier_div {
	padding: 15px;
	background: #f9f9f9;
}

#curier_div .nav-tabs .nav-link:hover:not(.disabled),
#curier_div .nav-tabs .nav-link.active {
	background: #bf30a2;
}

.courier-pick a img {
	max-width: 100px;
	filter: grayscale(1);
	transition: 0.2s all;
	opacity: 0.5;
}

.courier-pick a.active img,
.courier-pick a:hover img {
	filter: grayscale(0);
	opacity: 1;
}

.courier-pick a:hover,
.courier-pick a.active {
	display: block;
	border-radius: 5px;
	background: #edf2f9;
}


/* ===========================================
   26. EMAIL TEMPLATES & SMTP
   =========================================== */

.email_notifications label {
	margin-bottom: 0;
}

.emails-list .input-group-append {
	background: #EBECF5;
	border-radius: 0 5px 5px 0;
}

.emails-list .section-header {
	font-size: 18px;
	font-weight: 500;
	color: #495584;
}

.emails-list .form-control {
	border-radius: 4px;
}

.email-quota-progress {
	height: .5rem;
}

.emails-list-settings {
	border: 1px solid #EDF2F9;
	padding: 1.2rem;
	margin-bottom: 1.2rem;
	border-radius: 5px;
	box-shadow: 1px 4px 2px -2px rgba(0, 0, 0, 0.1);
}

.emailButtons .btn-sm {
	font-size: .70rem;
}

.emails-list .show-sub-categories {
	display: flex;
	color: #495584;
	margin-right: .2rem;
	font-size: .8rem;
	z-index: 2;
}

.emailSubitem {
	background: #fff;
	margin-top: -15px;
	padding: 1.5rem;
	border-top: 1px solid #eee;
}

.emailSmtp {
	display: flex;
	align-items: center;
}

.emailSmtp b {
	line-height: 1.7;
}

.emailSmtp .emailSmtp-label {
	width: 25%;
	display: inline-block;
	font-weight: 300;
}

.email-ssl-settings {
	background: #EDF2F9;
}

.email-ssl-settings p {
	padding: 10px;
}

.email-ssl-settings .header-section {
	background: #6ECCF6;
	color: #fff;
}

.email-main {
	display: flex;
}

.email-help-center .header-section {
	background: #00C9A7;
	padding: 10px;
	color: #fff;
}

.email-help-center ul li a {
	padding: .5rem;
}


/* ===========================================
   27. DOMAINS / SEARCH
   =========================================== */

.search_domain {
	position: relative;
}

.search_domain input {
	height: 45px;
	text-indent: 25px;
	border: 1px solid #d6d4d4;
}

.search_domain input:focus {
	box-shadow: none;
}

.search_domain .fa-search {
	position: absolute;
	top: 13px;
	left: 16px;
}

.search_domain button {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 35px;
	width: 110px;
}

.registrars img {
	max-width: 120px;
	margin: 0 10px;
}

.domains_title {
	font-size: 14px;
	color: var(--bg-primary);
	text-transform: uppercase;
	font-weight: 500;
}

.domain-status-badge .badge {
	padding: .7rem;
	margin-top: 0;
	line-height: 1;
}


/* ===========================================
   28. PAYMENTS
   =========================================== */

.payments-img {
	object-fit: cover;
	flex-shrink: 0;
	max-width: 40%;
}

.text-custom {
	color: #4d5875;
	font-size: 13px;
}

.payment_status {
	display: inline-flex;
	align-items: center;
	padding: 2px 15px;
}

.payment_status.approved {
	color: #2bc48a;
	background: #d0ffea;
	border: 1px solid #2bc48a;
}

.payment_status.onhold {
	color: #0073ba;
	background: #edf2f9;
	border: 1px solid #0073ba;
}

.payment_status.denied {
	color: #d91f11;
	background: #fdf2f5;
	border: 1px solid #d91f11;
}

.payment_status i {
	font-size: 14px;
}


/* ===========================================
   29. FEEDS
   =========================================== */

#feeds_menu img {
	max-width: 50px;
	margin-right: 5px;
}

#feeds_menu .v-menu a {
	cursor: pointer;
}

#feeds_menu .v-menu li a h4 {
	display: flex;
	align-items: center;
}

.modules-filters.feeds li a {
	width: 100%;
	cursor: pointer;
	color: var(--bg-primary);
}

.modules-filters.feeds li a.active,
.modules-filters.feeds li a:hover {
	background: #ebf8ff;
	color: var(--bg-primary);
}

.modules-filters.feeds img {
	max-width: 60px;
	margin-right: 10px;
	background: #edf2f9;
	padding: 5px;
	border-radius: 3px;
	transition: 0.2s all;
}

.modules-filters.feeds li a.active img,
.modules-filters.feeds li a:hover img {
	background: #fff;
}

.feeds-section img {
	max-width: 80px;
	background: #e8f0fe;
	padding: 5px;
	border-radius: 5px;
}

.feeds-section h4 {
	margin-bottom: 0;
	font-weight: 500;
	font-size: 15px;
}

.feeds-section .accordion-button {
	padding: 5px;
}

.feeds-section .accordion-button:not(.collapsed) {
	box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.5);
	border-radius: 8px;
}

.feeds-section .accordion-item {
	border: 1px solid #eaedf1;
	margin-bottom: 10px;
	border-radius: 8px;
}


/* ===========================================
   30. HELPDESK
   =========================================== */

.helpdesk.settings-menu-list h4 {
	color: #495584;
}

.helpdesk.settings-menu-list .helpdesk-counter {
	background: #EDF2F9;
	color: #0D6EFD;
}

.helpdesk.settings-menu-list .active .helpdesk-counter,
.helpdesk.settings-menu-list li:hover .helpdesk-counter {
	background: #fff;
}


/* ===========================================
   31. SOCIAL LOGINS
   =========================================== */

.social-logins .settings-menu-list img {
	max-width: 32px;
	margin-right: 10px;
	background: #fff;
	padding: 4px;
	border-radius: 3px;
}

.social-logins .settings-menu-list .done {
	display: flex;
	justify-content: space-between;
}

.social-logins .settings-menu-list li a:not(.done) i {
	display: none;
}

.social-logins a.done i {
	color: #64bd63;
	font-size: 18px;
}


/* ===========================================
   32. ICONS MODAL
   =========================================== */

.modal-icons {
	background: #f0f1f3;
}

.icons-to-use-container {
	display: flex;
	flex-wrap: wrap;
}

.icons-to-use {
	display: flex;
	flex-direction: column;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	width: 29%;
	margin: 10px;
	cursor: pointer;
	transition: 0.2s all;
}

.icons-to-use:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.icons-to-use i {
	margin-bottom: 5px;
	color: var(--bg-primary);
	font-size: 29px;
}

.icons-to-use code {
	background: #fff;
	border: none;
	border-radius: 3px;
	padding: 3px;
}

#block-settings .icons-to-use {
	width: 20%;
}

.icon-check {
	position: absolute;
	left: 15px;
	top: -10px;
}


/* ===========================================
   33. BANNERS
   =========================================== */

.bannerTemplate {
	width: calc(100% / 2);
}

.bannerTemplate input[type="radio"] {
	display: none;
}

.bannerTemplate input[type="radio"] + label {
	border: 1px solid #eee;
	cursor: pointer;
	opacity: 0.6;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 0 0 4px rgba(0,0,0,0.1);
}

.bannerTemplate input[type="radio"]:checked + label {
	border: 1px solid var(--bg-primary);
	opacity: 1;
	border-radius: 5px;
}

.banners_list {
	padding: 30px;
	border: 1px solid #edf2f9;
}

.addBanner-modalbody {
	background: #edf2f9;
}

.addBanner-modalbody .search-btn img {
	width: 20px;
}

.addBanner-modalbody .search-btn {
	background: #fff;
	border-left: 1px solid #ddd;
	border-radius: 0 5px 5px 0;
	padding: 2px 20px;
}

.slide-preview .carousel-description {
	position: absolute;
	left: 9%;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	text-align: left;
	top: 50%;
	transform: translateY(-50%);
}

.carousel-control-prev {
	left: -34px;
}

.carousel-control-next {
	right: -34px;
}

.carousel-control-prev,
.carousel-control-next {
	opacity: 0.3;
	filter: invert(1);
}

#slider1 {
	margin: 20px 15px 0;
}


/* ===========================================
   34. V-MENU (Horizontal Pill Menu)
   =========================================== */

.v-menu {
	background: #fff;
	border: 1px solid #eaeaea;
	width: 100%;
	padding: 7px;
	border-radius: 12px;
	margin-bottom: 20px;
}

.v-menu li {
	display: inline-block;
}

.v-menu li a h4 {
	font-size: 13px;
	font-weight: 500;
}

.v-menu a.active h4 {
	font-weight: bolder;
}

.v-menu a {
	padding: 10px 20px;
	display: block;
	color: #495584;
}

.v-menu a.active {
	background: #0d6efd;
	box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	color: white;
}


/* ===========================================
   35. SELECT2
   =========================================== */

.select2-container {
	min-width: 400px;
	max-width: 100%;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #0d6efd !important;
}

.select2-results__option.select2-results__option--highlighted span {
	color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--bg-primary) !important;
	border: 1px solid var(--bg-primary) !important;
	font-size: 13px;
}

.select2-results__option span {
	font-size: 13px;
	color: #555;
}

.select2-results__option {
	font-size: 13px;
	color: #0d0c22;
}

#orders_list .select2-selection.select2-selection--multiple {
	background: #fff;
}


/* ===========================================
   36. CUSTOM TOOLTIP
   =========================================== */

.custom-tooltip {
	position: relative;
	display: inline-flex;
}

.custom-tooltip .custom-tooltip-text {
	visibility: hidden;
	width: max-content;
	background-color: #495584;
	color: #fff;
	text-align: center;
	padding: 10px;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	opacity: 0;
	transition: opacity 0.3s;
	font-size: .66rem;
	left: 50%;
	transform: translateX(-50%);
}

.custom-tooltip .custom-tooltip-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.custom-tooltip:hover .custom-tooltip-text {
	visibility: visible;
	opacity: 1;
}


/* ===========================================
   37. INTRO / HOMEPAGE STEPPER
   =========================================== */

.intro-homepage .progress {
	height: 10px;
	background-color: #fff;
	top: 7px;
}

.intro-homepage h3 {
	font-size: 20px;
}

.steps-remaining {
	float: left;
	margin-right: 15px;
}

.stepper.icons .check {
	width: 23px;
	height: 23px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #fff;
	font-size: 10px;
	border-radius: 50%;
	border: solid 1px #e0ddef;
}

.home-stepper.done-step .stepper.icons .check {
	border: solid 1px #36cf92;
	background: #36cf92;
}

.stepper.icons {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
}

.stepper.icons img {
	width: 22px;
	margin-right: 5px;
	opacity: 0;
}

.home-stepper.done-step .stepper.icons img {
	opacity: 1;
}

.stepper-content img {
	height: 90px;
	width: 90px;
	margin-bottom: 25px;
	object-fit: contain;
	display: flex;
	align-items: center;
}

.home-stepper {
	border: 1px solid transparent;
	border-radius: 6px;
}

.home-stepper.done-step {
	border: 1px solid #36cf92;
}


/* ===========================================
   38. PRODUCT CHECKS / SEO PREVIEW
   =========================================== */

.product_checks {
	padding: 30px;
	background: #f9f9f9;
	border-radius: 5px;
}

.product_checks h2 {
	font-size: 20px;
}

.product_checks .btn-muted-outline,
.product_checks .btn-muted-outline i {
	color: #222;
}

.product_checks .check {
	width: 23px;
	height: 23px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fe443e;
	color: #fff;
	font-size: 10px;
	border-radius: 50%;
	border: solid 1px #fe443e;
	min-width: 23px;
}

.product_checks .check.done {
	background-color: #36cf92;
	border: solid 1px #36cf92;
}

.product_checks .check i {
	opacity: 0;
}

.product_checks .check.done i {
	opacity: 1;
	color: #fff;
}

.product_checks .check-info small {
	line-height: 1.3;
	display: block;
	margin: .5rem 0;
}

.check-item {
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 5px 10px;
	margin-bottom: 5px;
	background: #fff;
}

.overall_check_status svg {
	width: 18px;
	max-width: 18px;
	margin-right: 5px;
}

.overall_check_status {
	display: flex;
	align-items: center;
	margin: 10px 0;
}

.overall_check_status p {
	margin-bottom: 0;
}

.mortii_tei {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	align-self: flex-start;
}

.g-preview {
	padding: 10px 20px;
	background: #fff;
	margin-bottom: 20px;
	box-shadow: 0 0 10px var(--light-shadow);
	border-radius: 5px;
}

.g-preview-top {
	font-size: 13px;
	color: #444;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.g-preview-favicon {
	max-width: 16px;
}

.g-preview-content h4 {
	font-size: 16px;
	color: #0d6efd;
}

.g-preview-content {
	font-size: 13px;
}

.g-preview-content img {
	max-width: 100px;
	height: 100%;
	border-radius: 11px;
}

.item-picker {
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
}


/* ===========================================
   39. SEO RULES
   =========================================== */

.settings_item.seo_rules {
	border-bottom: 1px solid #DFE4ED;
	box-shadow: none;
	background: none;
	padding: 0;
}

.settings_item.seo_rules a {
	color: #0077f1;
	display: block;
	margin-bottom: .375rem;
	font-weight: 500;
	font-size: 0.875rem;
	margin-top: 9px;
}

.seo_rules-rule {
	color: #4d5875;
	font-weight: 500;
	font-size: 0.775rem;
}

.settings_item.seo_rules .subtitle {
	padding-top: 0.8rem;
	margin-bottom: .2rem;
}


/* ===========================================
   40. CHARTS & REPORTS
   =========================================== */

.canvas-con {
	display: flex;
	align-items: flex-end;
	justify-content: space-around;
	min-height: 315px;
	position: relative;
	flex-direction: column;
}

.canvas-con-inner {
	height: 100%;
}

.canvas-con-inner,
.legend-con {
	display: inline-block;
}

.legend-con {
	font-family: Roboto;
	margin-top: 20px;
}

.legend-con ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-direction: inherit;
}

.legend-con li {
	margin-bottom: 4px;
	font-size: 12px;
	color: var(--text-muted);
	text-align: center;
}

.legend-con li span {
	display: inline-block;
}

.legend-con li span.chart-legend {
	width: 50px;
	height: 6px;
}


/* ===========================================
   41. LOADING PLACEHOLDER
   =========================================== */

.u-loading-bar {
	animation-duration: 4s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: c-loading-bars-amination;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: linear-gradient(to right, #f5f5f5 8%, #fafafa 28%, #f5f5f5 33%);
	background-size: 840px 104px;
	border-radius: 6px;
}

.u-loading-bars-wrapper {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.5rem;
	margin-bottom: 1.3rem;
	justify-content: space-between;
}

.u-loading-bars-wrapper--wrap {
	flex-wrap: wrap;
}

@keyframes c-loading-bars-amination {
	0% { background-position: -880px 0; }
	100% { background-position: 880px 0; }
}


/* ===========================================
   42. DASHBOARD
   =========================================== */

.dashboard-card h6 {
	color: #9da7b0;
	font-weight: 400;
	margin-bottom: 4px;
}

.dashboard-card h3 {
	color: #495584;
}

.dashboard-helper span i {
	font-size: 15px;
}

.counter-icon {
	margin-bottom: 0;
	width: 3rem;
	height: 3rem;
	text-align: center;
}

.dashboard-helper .counter-icon {
	border-radius: 0.8rem;
}

.orders-card .counter-icon {
	background: #f0effb;
}

.orders-card .counter-icon i {
	color: #6e5ed4;
}

.sales-card .counter-icon {
	background: #e9f9f3;
}

.sales-card .counter-icon i {
	color: #22c58b;
}

.profit-card .counter-icon {
	background: #ffeef2;
}

.profit-card .counter-icon i {
	color: #fe5479;
}

.average_sales-card .counter-icon {
	background: #e8effa;
}

.average_sales-card .counter-icon i {
	color: #1a63d1;
}

.last-orders {
	border-radius: 10px;
}

.last-orders_id {
	background: #e8effa;
	color: #0d6efd;
	font-weight: bold;
	font-size: 13px;
	display: inline-block;
	padding: 1px 5px;
	border-radius: 5px;
}

.last-orders_client h5,
.best-selling h5 {
	color: #495584;
	font-size: 14px;
	font-weight: 500;
}

.last-orders_total h6 {
	color: #495584;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 11px;
	margin-bottom: 0;
}

.last-orders_total h2 {
	color: #495584;
}

.last-orders_total i {
	background: #e9f9f3;
	color: #22c58b;
	padding: 2px;
	border-radius: 5px;
	font-size: 21px;
}

.products-in-order {
	color: #0d6efd;
	display: flex;
	align-items: center;
	font-weight: 500;
	border-bottom: 1px dotted;
	padding: 0 3px;
	font-size: 75%;
}

.products-in-order i {
	font-size: 15px;
	margin-right: 5px;
}

.best-selling .img-container {
	max-width: 60px;
	padding: 5px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 9px var(--light-shadow);
}

.best-selling .img-container img {
	max-width: fit-content;
}

.times-sold {
	display: block;
	text-align: center;
	font-size: 12px;
}

.times-sold span {
	font-size: 16px;
	display: block;
	font-weight: bold;
	color: #0d6efd;
}

.statistics h3 {
	font-weight: 500;
}

.statistics .icon {
	padding: 7px;
	border-radius: 10px;
	color: #fff;
}

.statistics .product-icon,
.statistics .review-icon,
.statistics .category-icon,
.statistics .users-icon {
	background: #0b80ea;
}

.statistics .link-icon {
	background: #e9f9f3;
	color: #22c58b;
	padding: 2px;
	border-radius: 5px;
	font-size: 21px;
}

.statistics .ord span {
	font-weight: bold;
	padding: 3px 7px;
	border-radius: 3px;
	font-size: 12px;
}

.statistics .ord {
	border-bottom: 1px dashed #edf2f9;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

.statistics .ord:last-child {
	border-bottom: none;
}

.statistics .o-1 span {
	color: #fe5479;
	background: #ffeef2;
}

.statistics .o-2 span {
	color: #0d6efd;
	background: #e8effa;
}

.statistics .o-3 span {
	color: #6e5ed4;
	background: #f0effb;
}


/* ===========================================
   43. ORDERS VIEW
   =========================================== */

.orders-view .card {
	box-shadow: 1px 4px 2px -2px rgba(0, 0, 0, 0.1);
}

#order_client_data p {
	margin-bottom: 2px;
	font-size: 14px;
	color: #495584;
}

.editinfo {
	font-weight: 500;
	cursor: pointer;
}

#order_client_data h4 {
	font-weight: bold;
	font-size: 16px;
}

.order-view-total p {
	margin-bottom: 0;
}

.order-view-total .total-desc,
.order-view-total .total-price {
	font-size: .9rem;
	color: #495584;
}

.order-view-total .total-price {
	font-weight: 500;
}

.order-view-total .grand-total-desc,
.order-view-total .grand-total-price {
	font-weight: bold;
}

.customer-order-note {
	font-size: .9rem;
}

/* Override p1.css .badge font-size !important */
.order-status-change .badge {
	width: 100%;
	font-size: 85% !important;
	padding: 1rem .2rem;
}

.order-status-change {
	width: 250px;
}

#order_details h6 {
	font-size: .8rem;
	font-weight: bold;
	color: #495584;
	text-transform: uppercase;
}

.orderview-quantity .qty {
	padding: 0.375rem 0.75rem;
	border-radius: 5px;
	height: 25px;
	min-width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	color: #495584;
	cursor: pointer;
	background: #f7f7f7;
}

.orderview-quantity .qty:hover {
	background: #ececec;
}

.orderview-quantity .form-control {
	margin: 0 5px;
	text-align: center;
	padding: 0.375rem 0.15rem;
	min-width: 35px;
}

.order_product-name h6 {
	font-size: 0.85rem;
	line-height: 1.4;
}


/* ===========================================
   44. REVIEWS
   =========================================== */

.review_list {
	background: #fff;
	border-radius: 8px;
	padding: 15px;
	box-shadow: 0 0 4px rgba(223, 219, 242, 0.85);
}

.review_list .ratings i {
	font-size: 18px;
}

.product-reviews_list .ratings i {
	font-size: 12px;
}

.product-reviews_list .ratings i:not(.gray) {
	color: gold;
}

.product-reviews_list .ratings i.gray {
	color: #ddd;
}


/* ===========================================
   45. WIZZARD
   =========================================== */

.wizzard .check {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: solid 1px #e0ddef;
}

.wizzard .check i {
	display: none;
}

.wizzard .done-step .check {
	border: none;
}

.wizzard .done-step .check i {
	color: #36cf92;
	border: none;
	font-size: 23px;
	display: block;
}

.wizzard .done-step p {
	color: #36cf92;
	text-decoration: line-through;
}


/* ===========================================
   46. MISC
   =========================================== */

.breadcrumb-back {
	background: #edf2f9;
	align-items: center;
	justify-content: center;
	display: flex;
	padding: 11px;
	margin-right: 10px;
	font-size: 20px;
	border-radius: 5px;
}

.breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
	color: rgba(110, 126, 150, 0.3);
	content: "/";
}

.breadcrumb .breadcrumb-item.active {
	color: #0077f1;
}

.actions-items button {
	font-size: 13px;
	letter-spacing: 0;
	color: #76839a;
	padding: 9px 15px;
	background: #fff;
	border-right: 1px solid #ebf8ff;
	transition: 0.2s all;
}

.actions-items:hover button {
	background: #ebf8ff;
}

.actions-items:first-child button {
	border-radius: 5px 0 0 5px;
	padding-left: 12px;
}

.actions-items:last-child button {
	border-radius: 0 5px 5px 0;
	border-right: none;
}

.actions-items input {
	margin-right: 10px;
}

.page-header.sticky.sticky-pin {
	box-shadow: 6px 5px 10px 0px rgba(0, 0, 0, 0.01);
}

.more-settings {
	display: block;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 14px;
}

.rotating-icon i {
	transition: 0.2s all;
	position: relative;
	top: -1px;
}

.rotating-icon:not(.collapsed) i {
	transform: rotate(180deg);
}

.variable-description {
	line-height: 1.4;
}

.variable-item i {
	cursor: pointer;
}

.variables-titles h5 {
	color: #222;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.5px;
}

.checkboxer {
	padding: 8px 20px;
	border-bottom: 1px solid #eee;
}

.checkboxer input {
	margin-bottom: 0;
}

#copy-link {
	cursor: pointer;
	padding: 5px;
}

.billing-details {
	padding: 40px;
	background: #fff;
	box-shadow: 0 2px 5px var(--light-shadow);
	border-radius: 5px;
	border: 1px solid #dfdbf2;
}

.clearall {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	margin-right: 0;
	z-index: 3;
	cursor: pointer;
	background: #fff;
}

.subtree td {
	background: #f9f9f9;
}

.pr-features-rows td {
	border-bottom: 1px solid #ddd;
}

.ace_editor.ace-tomorrow {
	border-bottom: 3px solid #F6F6F6;
}

.blacklist-client {
	color: #ee7e91;
}

.client-score-in-list {
	display: flex;
	margin-right: .5rem;
	font-size: 1.2rem;
	cursor: pointer;
}

.blacklist-box {
	display: inline-block;
	padding: 8px 15px;
	border-radius: 6px;
	border: 1px solid #eee;
	width: auto;
}

.blacklist-box i {
	background: #F54E4D;
	padding: 5px;
	color: #fff;
	border-radius: 7px;
	font-size: 10px;
}

.blacklist-clients-indicator a i {
	color: #F54E4D;
	border-radius: 0;
	font-size: 15px;
}

.fields-import-description {
	border: 1px solid #EAEDF1;
	background: #F2F3F9;
	padding: 5px;
	border-radius: 5px;
	font-size: .8rem;
}

.upgrade-landing .btn-support img {
	max-width: 26px;
}

.invoice-generate-footer .c-btn {
	min-width: 150px;
}


/* ===========================================
   47. LOGIN PAGE
   =========================================== */

.admin-login {
	height: 100vh;
}

.admin-login .form-login {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.admin-login .login100-form {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}

.admin-login .logo-container {
	right: unset;
}

.admin-login .symbol-input100 {
	color: #0D6EFD;
}

.admin-login .input100 {
	border: 1px solid #ddd;
}

.login-right {
	background: #F9FBFC;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-right img {
	max-height: 700px;
}

.mode-login.mt-5,
.mode-forgot_password {
	margin-top: 0 !important;
}

.changelog ul {
	list-style: circle;
	padding-left: 2rem;
	padding-top: 1rem;
}

.changelog ul li {
	font: .9rem;
}


/* ===========================================
   48. ADMIN SEARCH (adm-search)
   =========================================== */

.adm-search {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	margin-bottom: 20px;
	overflow: visible;
}

/* Main row */
.adm-search__main {
	display: flex;
	align-items: center;
	gap: 0;
	padding: 0;
}

/* Search input */
.adm-search__input {
	flex: 1;
	display: flex;
	align-items: center;
	position: relative;
	border-right: 1px solid #f1f5f9;
	min-width: 0;
}

.adm-search__input > i {
	position: absolute;
	left: 16px;
	color: #94a3b8;
	font-size: 15px;
	pointer-events: none;
	z-index: 1;
}

.adm-search__input > input {
	width: 100%;
	border: none !important;
	background: transparent !important;
	padding: 0 40px 0 44px !important;
	font-size: 0.8125rem;
	font-weight: 500;
	color: #1e293b;
	outline: none;
	box-shadow: none !important;
	height: 46px !important;
}

.adm-search__input > input::placeholder {
	color: #94a3b8;
	font-weight: 400;
}

.adm-search__input > input:focus {
	background: #f8fafc !important;
}

.adm-search__clear {
	position: absolute;
	right: 8px;
	background: none;
	border: none;
	color: #94a3b8;
	cursor: pointer;
	padding: 4px 8px;
	border-radius: 6px;
	transition: all 0.15s ease;
}

.adm-search__clear:hover {
	color: #ef4444;
	background: rgba(239, 68, 68, 0.08);
}

/* Inline filters */
.adm-search__filters {
	display: flex;
	align-items: center;
	gap: 0;
}

.adm-search__filter {
	border-right: 1px solid #f1f5f9;
	min-width: 150px;
}

.adm-search__filter--narrow {
	min-width: 120px;
}

.adm-search__filter select,
.adm-search__filter input {
	border: none !important;
	background: transparent !important;
	padding: 0 32px 0 16px !important;
	font-size: 0.8125rem;
	font-weight: 500;
	color: #1e293b;
	border-radius: 0 !important;
	cursor: pointer;
	height: 46px !important;
	box-shadow: none !important;
	min-height: unset;
	line-height: 46px;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%2394a3b8' d='M5 7L1 3h8z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 12px center !important;
	background-size: 10px !important;
}

.adm-search__filter input {
	background-image: none !important;
	padding-right: 16px !important;
}

.adm-search__filter select:focus,
.adm-search__filter input:focus {
	background-color: #f8fafc !important;
}

.adm-search__filter .select2-container {
	width: 100% !important;
}

.adm-search__filter .select2-container--default .select2-selection--single {
	border: none !important;
	background: transparent !important;
	height: 46px !important;
	padding: 0 16px !important;
	border-radius: 0 !important;
	display: flex !important;
	align-items: center !important;
}

.adm-search__filter .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 0.8125rem;
	font-weight: 500;
	color: #1e293b;
	padding: 0;
	line-height: 46px;
}

.adm-search__filter .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none;
}

/* Period selector in search bar */
.adm-search__filter--period {
	min-width: auto !important;
}

.adm-search__period-selector {
	position: relative;
	height: 100%;
}

.adm-search__period-btn {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 46px;
	padding: 0 16px;
	background: none;
	border: none;
	font-size: 0.8125rem;
	font-weight: 500;
	color: #1e293b;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.15s ease;
}

.adm-search__period-btn:hover {
	background: #f8fafc;
}

.adm-search__period-btn .fe-calendar {
	color: #3b82f6;
	font-size: 14px;
}

.adm-search__period-dropdown {
	min-width: 200px;
}

.adm-search__period-dropdown .dropdown-item.active {
	background: #3b82f6;
	color: #fff;
}


/* Actions */
.adm-search__actions {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	flex-shrink: 0;
}

.adm-search__actions .btn {
	white-space: nowrap;
	padding: 8px 16px;
	font-size: 0.8125rem;
}

.adm-search__toggle {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 8px 12px;
	font-size: 0.8125rem;
	font-weight: 500;
	color: #64748b;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.15s ease;
	white-space: nowrap;
	text-decoration: none !important;
}

.adm-search__toggle:hover {
	color: #3b82f6;
	background: rgba(59, 130, 246, 0.06);
}

.adm-search__toggle[aria-expanded="true"] {
	color: #3b82f6;
	background: rgba(59, 130, 246, 0.08);
}

/* Advanced section */
.adm-search__advanced {
	padding: 20px 24px;
	background: #f8fafc;
	border-top: 1px solid #f1f5f9;
}

.adm-search__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 16px;
	margin-bottom: 16px;
}

.adm-search__group label {
	display: block;
	font-size: 0.75rem;
	font-weight: 600;
	color: #64748b;
	margin-bottom: 6px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.adm-search__group .form-control,
.adm-search__group .form-select {
	font-size: 0.8125rem;
	padding: 7px 12px;
	border-color: #e2e8f0;
	border-radius: 8px;
	background: #fff;
}

.adm-search__group .form-control:focus,
.adm-search__group .form-select:focus {
	border-color: #3b82f6;
	background: #fff;
}

/* Feature row */
.adm-search__feature-row {
	display: flex;
	gap: 16px;
	margin-top: 4px;
	padding-top: 16px;
	border-top: 1px dashed #e2e8f0;
}

.adm-search__feature-row .adm-search__group {
	flex: 1;
}

.adm-search__feature-row .select2-container,
.adm-search__group .select2-container {
	width: 100% !important;
}

.adm-search__feature-row .select2-container--default .select2-selection--multiple,
.adm-search__group .select2-container--default .select2-selection--multiple {
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #fff;
	min-height: 34px;
	padding: 2px 6px;
	font-size: 0.8125rem;
}

.adm-search__feature-row .select2-container--default .select2-selection--multiple .select2-selection__choice,
.adm-search__group .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #eff6ff;
	border: 1px solid #bfdbfe;
	border-radius: 5px;
	color: #1e40af;
	font-size: 0.75rem;
	padding: 1px 6px;
	margin: 2px 4px 2px 0;
}

.adm-search__feature-row .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.adm-search__group .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #3b82f6;
	margin-right: 4px;
}

.adm-search__feature-row .select2-container--default .select2-selection--multiple .select2-search__field,
.adm-search__group .select2-container--default .select2-selection--multiple .select2-search__field {
	font-size: 0.8125rem;
}

.adm-search__feature-row .select2-container--default.select2-container--focus .select2-selection--multiple,
.adm-search__group .select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #3b82f6;
}

@media (max-width: 768px) {
	.adm-search__feature-row {
		flex-direction: column;
	}
}

/* Period inline (form-based period buttons in advanced filters) */
.adm-search__period-inline {
	position: relative;
}

.adm-search__period-inline-btn {
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
	padding: 5px 10px;
	font-size: 0.8125rem;
	color: #334155;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.15s ease;
	white-space: nowrap;
	height: 34px;
}

.adm-search__period-inline-btn:hover {
	border-color: #cbd5e1;
	background: #f8fafc;
}

.adm-search__period-inline-btn span {
	flex: 1;
	text-align: left;
}

/* Advanced actions */
.adm-search__advanced-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-top: 4px;
}

.adm-search__reset {
	font-size: 0.8125rem;
	font-weight: 500;
	color: #64748b;
	text-decoration: none !important;
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 6px 12px;
	border-radius: 8px;
	transition: all 0.15s ease;
}

.adm-search__reset:hover {
	color: #ef4444;
	background: rgba(239, 68, 68, 0.06);
}

/* Responsive */
@media (max-width: 1200px) {
	.adm-search__main {
		flex-wrap: wrap;
	}

	.adm-search__input {
		flex: 1 1 100%;
		border-right: none;
		border-bottom: 1px solid #f1f5f9;
	}

	.adm-search__filters {
		flex: 1;
		border-bottom: 1px solid #f1f5f9;
	}

	.adm-search__filter {
		flex: 1;
		min-width: 0;
	}

	.adm-search__actions {
		flex: 0 0 auto;
		border-bottom: 1px solid #f1f5f9;
	}
}

@media (max-width: 768px) {
	.adm-search__filters {
		flex-wrap: wrap;
	}

	.adm-search__filter {
		flex: 1 1 calc(50% - 1px);
		min-width: 0;
		border-bottom: 1px solid #f1f5f9;
	}

	.adm-search__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.adm-search__actions {
		width: 100%;
		justify-content: space-between;
	}
}

@media (max-width: 480px) {
	.adm-search__filter {
		flex: 1 1 100%;
	}

	.adm-search__grid {
		grid-template-columns: 1fr;
	}
}



@media (min-width: 992px) {
	.boxed-content .container {
		max-width: 75%;
	}
}



/* ===========================================
   51. PACKAGES
   =========================================== */

.package-name b {
	font-weight: bold;
	color: #0D6EFD;
}

.package-actions {
	display: flex;
	justify-content: space-around;
}

.package-actions a {
	border-bottom: 1px dotted;
}

.package-stats {
	background: #F5F9FF;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.package-stats .stats {
	border-radius: 1rem;
	padding: 1rem;
	background: #fff;
}

.package-stats .stats i {
	background: #0077f1;
	padding: 7px;
	border-radius: 10px;
	color: #fff;
	font-size: 1.25rem;
}

.package-card i.warning {
	color: #FF3861;
}

.package-stats .progress {
	height: .5rem;
}


.progress-loading-bar {
	padding: 1rem 30px;
	background: #DAE9FF;
}

.progress-loading-bar h5 {
	font-weight: bold;
	color: #495584;
}

.progress-loading-bar .progress {
	height: .5rem;
	background: #fff;
}

.progress-loading-bar .progress-bar {
	background: linear-gradient(90deg, rgba(7,125,251,1) 0%, rgba(53,189,243,1) 100%);
}

.progress-loading-bar .progress-bar.completed {
	background: #02c874;
}

.progress-loading-bar .loader {
	border: 2px solid #ddd;
	border-top: 2px solid #0D6EFD;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	animation: spin 2s linear infinite;
}

#progress_manager {
	margin: 0 -30px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


/* ===========================================
   53. SETTINGS PAGES — Modern SaaS Redesign
   =========================================== */

/* --- Pills Navigation Bar --- */
.settings-pills-bar {
	background: #fff;
	border: 1px solid #eaeaea;
	border-radius: 12px;
	padding: 7px;
	margin-bottom: 32px;
	display: flex;
	overflow-x: auto;
	gap: 4px;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.settings-pills-bar::-webkit-scrollbar {
	display: none;
}

.settings-pills-bar li {
	list-style: none;
	flex: 0 0 auto;
}

.settings-pill {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 8px 30px;
	border-radius: 10px;
	color: #64748b;
	font-size: 0.78rem;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	border: none;
	background: transparent;
}

.settings-pill i {
	font-size: 15px;
	line-height: 1;
	opacity: .7;
}

.settings-pill:hover {
	color: #1e293b;
	background: rgba(0, 0, 0, .05);
	text-decoration: none;
}

.settings-pill.active {
	color: #fff;
	background: var(--bg-primary, #0d6efd);
	box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.2);
}

.settings-pill.active i {
	opacity: 1;
}

/* --- Full-Width Page Wrapper --- */
.setting-page--modern {
	width: 100%;
}

/* --- Content Area --- */
.settings-content-area {
	width: 100%;
}

/* --- Settings Card --- */
.settings-card {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	margin-bottom: 20px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
}

.settings-card__header {
	padding: 12px 20px;
	background: #f8fafc;
	border-bottom: 1px solid #e2e8f0;
}

.settings-card__title {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #495584;
}

.settings-card__body {
	padding: 0;
}

/* --- Compact Form Rows (override Bootstrap margin utilities) --- */
.settings-card__body .row.mb-6 {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	padding: 10px 20px;
	border-bottom: 1px solid #f1f5f9;
}

.settings-card__body .row.mb-6:last-child {
	border-bottom: none;
}

.settings-card__body .form-label {
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 0;
}

.settings-card__body .form-label small,
.settings-card__body .form-label .help-inline {
	font-size: 11.5px;
	color: #94a3b8;
	font-weight: 400;
	line-height: 1.3;
}

/* Override old #general_settings sizing inside new layout */
.setting-page--modern #general_settings .form-control:not(textarea),
.settings-card__body .form-control:not(textarea) {
	height: 34px;
}

.settings-card__body .form-control,
.settings-card__body .form-select {
	border-radius: 6px;
	border: 1px solid var(--input-border, #d1d5db);
	font-size: 13px;
	padding: 6px 10px;
	color: #334155;
	background-color: #fff;
}

.settings-card__body .form-control:focus,
.settings-card__body .form-select:focus {
	border-color: var(--bg-primary, #0d6efd);
	box-shadow: 0 0 0 2px rgba(13, 110, 253, .1);
}


/* --- Settings Landing Grid --- */
.setting-page--modern .settings-inner {
	border-radius: 8px;
	border: 1px solid #e2e8f0;
	padding: 16px;
	transition: all .2s ease;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
}

.setting-page--modern .settings-inner:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, .07);
	border-color: var(--bg-primary, #0d6efd);
}

.setting-page--modern .settings-inner h4 {
	font-size: 13.5px;
	font-weight: 600;
}

.setting-page--modern .settings-inner p {
	font-size: 12px;
	line-height: 1.4;
}

/* --- hr inside cards --- */
.settings-card__body hr {
	margin: 0;
	border-color: #f1f5f9;
}

/* --- Alert inside cards --- */
.settings-card__body .alert {
	border-radius: 6px;
	font-size: 12.5px;
	margin: 10px 20px;
	padding: 10px 14px;
}



/* ===========================================
   54. RESPONSIVE — MOBILE
   =========================================== */

@media (max-width: 600px) {
	.login-right img {
		max-height: 200px;
	}

	/* Settings menu mobile dropdown */
	.select-mob li {
		display: none;
		cursor: pointer;
		padding: 10px;
		border-top: 1px solid #eee;
	}

	.select-mob li.a-mob {
		display: flex;
		border-top: 0;
	}

	.select-mob {
		border: 1px solid #CCCCCC;
		display: block;
		padding: 0;
		border-radius: 4px;
		position: relative;
		width: auto;
		margin: 0 10px;
		background: #fff;
	}

	.select-mob li a {
		background: #fff;
		padding: 0;
		border-bottom: none;
		border-left: 3px solid transparent;
		transition: 0.2s all;
		display: inline-flex;
		align-items: center;
		width: auto;
		cursor: pointer;
	}

	.select-mob li a:not(.active) {
		width: 100%;
	}

	.list-settings li a.active {
		background: #fff;
		border-left: none;
	}

	.select-mob li:first-child:hover {
		background-color: transparent;
	}

	.select-mob.open li {
		display: block;
	}

	.select-mob i.flaticon-filter {
		position: absolute;
		top: 23px;
		right: 0;
		margin-top: 0;
		font-size: 12px;
	}

	.select-mob.open i.flaticon-filter:before {
		content: "\f15d";
	}
}

@media (max-width: 767px) {
	/* Mobile slider nav */
	.inline_nav_wrapper {
		position: relative;
		max-width: max-content;
		padding: 0 1rem;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.inline_nav::-webkit-scrollbar {
		display: none;
	}

	.inline_nav {
		box-sizing: border-box;
		display: block;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		height: auto;
		margin-bottom: 0;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.inline_nav li {
		display: inline-block;
		height: 100%;
		box-sizing: border-box;
	}

	.paddle {
		position: absolute;
		top: 0;
		bottom: 0;
		color: #0D6EFD;
		font-size: 20px;
		display: flex;
		align-items: center;
	}

	.left-paddle {
		left: -10px;
		background: linear-gradient(90deg, rgba(255,255,255,1) 14%, rgba(255,255,255,0.6) 72%, rgba(255,255,255,0) 100%);
	}

	.left-paddle i {
		transform: rotateY(180deg);
	}

	.right-paddle {
		right: -8px;
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 28%, rgba(255,255,255,1) 86%);
	}

	.hidden {
		display: none;
	}

	/* Mobile product checks */
	.check-item {
		border: none;
		border-radius: 5px;
		padding: 15px;
		margin-bottom: 12px;
		background: #fff;
		box-shadow: 0 0 10px rgba(0,0,0,0.06);
	}

	.check-item .title {
		font-size: .8rem;
	}

	.product_checks .check {
		width: 15px;
		height: 15px;
		min-width: 15px;
		font-size: 7px;
		align-items: end;
	}

	.product_checks {
		padding: 10px;
	}

	/* Mobile page header */
	.page-header .breadcrumb {
		display: none;
	}

	.side-app {
		position: relative;
	}

	.sticky-wrapper {
		width: calc(100% + 30px) !important;
		left: 0;
		right: 0;
		position: relative;
		z-index: 10;
		margin: -16px -15px 0 -15px;
	}

	.footer.fixed-bottom {
		position: relative;
	}

	.side-app .page-header {
		margin-top: 65px;
		display: flex !important;
		margin-left: 0;
		padding: 15px !important;
	}

	.app-content .side-app {
		margin-top: 89px;
	}

	.side-app .is-sticky .page-header {
		width: 100% !important;
		right: 0;
		transition: 0.2s all;
		padding: 10px 15px !important;
	}

	.side-app .sticky-wrapper .page-title {
		font-size: 1rem;
	}

	a.btn.filter-btn.reset-btn {
		display: flex;
		align-items: center;
		color: #ff0055;
	}

	.ms-auto.pageheader-btn .btn {
		padding: 0.3rem !important;
		font-size: 11px;
	}
}

/* Modules responsive */
@media (max-width: 768px) {
	.module-row-inner {
		flex-wrap: wrap;
		padding: 12px 14px;
		gap: 10px;
	}

	.module-row-info {
		flex: 1;
		min-width: calc(100% - 70px);
	}

	.module-row-actions {
		width: 100%;
		justify-content: flex-start;
		padding-left: 56px;
		min-width: unset;
	}

	.module-row-desc {
		white-space: normal;
	}
}

/* Settings responsive */
@media (max-width: 768px) {
	.settings-pill {
		padding: 8px 14px;
		font-size: 12.5px;
	}

	.settings-card__body .row.mb-6 {
		padding: 10px 16px;
	}

	.settings-card__header {
		padding: 10px 16px;
	}
}

@media (max-width: 480px) {
	.settings-pill span {
		display: none;
	}

	.settings-pill {
		padding: 8px 12px;
	}

	.settings-pill i {
		font-size: 17px;
		opacity: 1;
	}

	.settings-card__body .row.mb-6 {
		padding: 8px 12px;
	}
}