/* primary-color: #e61c41;
secondary-color: #384152;
tertiary-color: #eaeaea; */

/* red theme start */
:root,
[data-bs-theme=light] {
    --bs-body-color: #717f97;
}

[data-bs-theme=dark][data-color-theme=Blue_Theme]:root,
[data-bs-theme=light][data-color-theme=Blue_Theme]:root {
    --bs-primary: #e61c41;
    --bs-primary-rgb: #e61c41;
    --bs-light-primary: rgba(250, 137, 107, 0.1);
    --bs-primary-bg-subtle: rgba(96, 0, 19, 0.1);
    --bs-secondary: #384152;
    --bs-secondary-rgb: #384152;
    /* --bs-light-secondary: rgba(0, 116, 186, 0.1); */
    --bs-secondary-bg-subtle: #efefef;
    --bs-secondary-bg: #f6f9fc;
    --bs-white: #ffffff;
    --bs-primary-900: #d33251;
    --bg-grey:#eaeff4;
    --bg-tertiary:#eaeaea;
    --bg-light-grey-100:#f5f5f5;
}

[data-bs-theme=dark][data-color-theme=Blue_Theme]:root .btn-primary,
[data-bs-theme=light][data-color-theme=Blue_Theme]:root .btn-primary {
    --bs-btn-bg: #e61c41;
    --bs-btn-border-color: #e61c41;
    --bs-btn-hover-bg: #c82a49;
    --bs-btn-hover-border-color: #c82a49;
}

[data-bs-theme=dark][data-color-theme=Blue_Theme]:root .btn-secondary,
[data-bs-theme=light][data-color-theme=RBlue_Theme]:root .btn-secondary {
    --bs-btn-bg: #384152 !important;
    --bs-btn-border-color: #384152 !important;
    --bs-btn-hover-bg: #47576e !important;
    --bs-btn-hover-border-color: #47576e !important;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #e61c41;
    --bs-btn-border-color: #e61c41;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d10026;
    --bs-btn-hover-border-color: #d10026;
    --bs-btn-focus-shadow-rgb: 117, 153, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #d10026;
    --bs-btn-active-border-color: #d10026;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e61c41;
    --bs-btn-disabled-border-color: #e61c41;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #384152 !important;
    --bs-btn-border-color: #384152 !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #47576e !important;
    --bs-btn-hover-border-color: #47576e !important;
    --bs-btn-focus-shadow-rgb: 100, 200, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #47576e !important;
    --bs-btn-active-border-color: #47576e !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #384152 !important;
    --bs-btn-disabled-border-color: #384152 !important;

}
.btn-tertiary {
    --bs-btn-color: #384152;
    --bs-btn-bg: #eaeaea;
    --bs-btn-border-color: #eaeaea;
    --bs-btn-hover-color: #384152;
    --bs-btn-hover-bg: #d3d3d3;
    --bs-btn-hover-border-color: #d3d3d3;
    --bs-btn-focus-shadow-rgb: 255,186,65;
    --bs-btn-active-color: #384152;
    --bs-btn-active-bg: #d3d3d3;
    --bs-btn-active-border-color: #d3d3d3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #384152;
    --bs-btn-disabled-bg: #eaeaea;
    --bs-btn-disabled-border-color: #eaeaea;
}
.btn-outline-primary {
    --bs-btn-color: #e61c41;
    --bs-btn-border-color: #e61c41;
    --bs-btn-hover-color: #e61c41;
    --bs-btn-hover-bg: #ffe4e9;
    --bs-btn-hover-border-color: #e61c41;
    --bs-btn-focus-shadow-rgb: 93, 135, 255;
    --bs-btn-active-color: #e61c41;
    --bs-btn-active-bg: #ffe4e9;
    --bs-btn-active-border-color: #e61c41;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #e61c41;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #e61c41;
    --bs-gradient: none
}
.btn-outline-secondary {
    --bs-btn-color: #384152;
    --bs-btn-border-color: #384152;
    --bs-btn-hover-color: #495057;
    --bs-btn-hover-bg: #ced4da;
    --bs-btn-hover-border-color: #384152;
    --bs-btn-focus-shadow-rgb: 73, 190, 255;
    --bs-btn-active-color: #384152;
    --bs-btn-active-bg: #384152;
    --bs-btn-active-border-color: #384152;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #384152;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #384152;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 250, 137, 107;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none;
}
.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgb(93 109 132 / 24%);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--bs-secondary);
    --bs-pagination-active-border-color: var(--bs-secondary);
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none;
}
.btn-success{
    --bs-btn-color: #fff;
    --bs-btn-bg: #10bd9d;
    --bs-btn-border-color: #10bd9d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0da68a;
    --bs-btn-hover-border-color: #0da68a;
    --bs-btn-focus-shadow-rgb: 54,227,196;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0da68a;
    --bs-btn-active-border-color: #0da68a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #13deb9;
    --bs-btn-disabled-border-color: #13deb9;
}
.btn-outline-success {
    --bs-btn-color: #10bd9d;
    --bs-btn-border-color: #10bd9d;
    --bs-btn-hover-color: #10bd9d;
    --bs-btn-hover-bg: #d8f8f2;
    --bs-btn-hover-border-color: #0da68a;
    --bs-btn-focus-shadow-rgb: 19,222,185;
    --bs-btn-active-color: #10bd9d;
    --bs-btn-active-bg: #d8f8f2;
    --bs-btn-active-border-color: #0da68a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #13deb9;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #13deb9;
    --bs-gradient: none;
}
.bg-light-grey {
    background-color: #ededed !important;
}
.bg-light-grey-100{
    background-color: var(--bg-light-grey-100) !important;
}

.bg-tertiary{
    background-color: var(--bg-tertiary);
}

/* .badge-Blue {
    background-color: #0d9a59;
    border: 1px solid #0d9a59;
    color: var(--bs-white);
} */

:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color) !important;
    background-color: var(--bs-btn-hover-bg) !important;
    border-color: var(--bs-btn-hover-border-color) !important;
    box-shadow: var(--bs-btn-active-shadow) !important;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    box-shadow: var(--bs-btn-active-shadow);
}

.text-bg-primary {
    color: #fff !important;
    background-color: var(--bs-primary-rgb) !important
}
.text-secondary {
    color: var(--bs-secondary-rgb) !important;
}
.text-grey {
    color: var(--bs-body-color) !important;
}

.text-warning {
    color: var(--bs-warning-rgb)!important;
}
.text-info {
    color: var(--bs-info-rgb) !important;
}
.text-bg-secondary {
    color: #fff !important;
    background-color: var(--bs-secondary-rgb) !important
}


.text-primary {
    color: var(--bs-primary-rgb) !important;
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

.bg-primary {
    background-color: var(--bs-primary-rgb) !important
}

.bg-secondary {
    background-color: var(--bs-secondary) !important;
}

.form-control:focus {
    border-color: var(--bs-secondary);
}

.form-select:focus {
    border-color: var(--bs-secondary);
}

.form-check-input:focus{
    border-color: var(--bs-primary-rgb);
    box-shadow: none;
}
.form-switch .form-check-input:focus {
    border-color: #dfe5ef !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    font-size: 16px !important;
}

input:-internal-autofill-previewed {
    font-size: 22px !important;
}

.radial-gradient::before {

    background: none;
}

.input-group-lg input {
    height: 44.25px;
}

/* red theme end */







.has-arrow,
.nav-small-cap,
.sidebar-link {
    color: #ffffff !important;
}
.sidebar-link:hover {
    background-color: #4d586e !important;
    color: #fff !important;
}
.sidebar-nav .has-arrow::after {
    border-color: #ffffff !important;
}
.sidebar-nav .has-arrow.active::after {
    border-color: #000 !important;
}
.sidebar-nav ul .sidebar-item .sidebar-link:hover.has-arrow::after {
    border-color: #fff !important;
}
.sidebar-nav ul .sidebar-item .sidebar-link:hover.has-arrow.active::after {
    border-color: #000000 !important;
}
.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link.active {
    background-color: #4d586e !important;
    color: #ffffff !important;
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link, .sidebar-nav ul .sidebar-item.selected>.sidebar-link.active, .sidebar-nav ul .sidebar-item>.sidebar-link.active{
    background-color: #ffffff;
    color: #000000 !important;
}
.sidebar-nav ul .sidebar-item.selected>.sidebar-link::after, .sidebar-nav ul .sidebar-item.selected>.sidebar-link.active::after, .sidebar-nav ul .sidebar-item>.sidebar-link.active::after {
    border-color: #000 !important;
}
.sidebar-nav ul .sidebar-item.selected>.sidebar-link:hover, .sidebar-nav ul .sidebar-item.selected>.sidebar-link.active:hover, .sidebar-nav ul .sidebar-item>.sidebar-link.active:hover{
    color: #000 !important;
}
.sidebar-nav ul .sidebar-item.selected>.sidebar-link:hover{
    background-color: #fff !important;
    color: #000 !important;
}
.sidebar-nav ul .sidebar-item.selected>.sidebar-link:hover.has-arrow::after{
    border-color: #000 !important;
}
.sidebar-link:active {
    background-color: #fff !important;
    color: black !important;
}

.sidebar-link.active {
    background-color: #fff !important;
    color: black !important;
}

.sidebar-nav li>.has-arrow {
    border-color: var(--bs-white);
}

.sidebar-nav li>.has-arrow.active::after {
    top: 18px;
    margin-top: 1px;
    border-color: var(--bs-black);
    transform: rotate(-135deg) translate(0, -50%);
}

table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after{
    bottom: 17px !important;
}
.color-red{
    color: red !important;
}
.readonly{
    background-color: rgb(231, 231, 231);
}
.btn-theme-blue{
    background-color: rgb(0, 117, 185);
    color: white;
}

.btn-theme-blue:hover {
    background-color: rgb(5, 106, 165) !important;
    color: white !important;
}
.color-black{
    color: black !important;
}
.text-bg-lightgrey{
    background-color: lightgrey !important;
}
.text-bg-lightpink{
    background-color: lightpink !important;
}

.left-sidebar .scroll-sidebar {
    height: calc(100vh - 50px) !important;
}

.brand-logo {
    padding: 0 18px;
}

.form-control:read-only {
    background-color: var(--bs-secondary-bg);
}

input.custom-check {
    font-size: 24px !important;
    margin-left:10px !important;
}

.w-300 {
    width: 300px !important;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
    white-space: normal !important;
}

.bg-info-subtle {
    background-color: #ffe9ed !important;
}

.form-check-input:checked {
    background-color: #e61c41 !important;
    border-color: #e61c41 !important;
}


.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #e61c41;
    --bs-btn-border-color: #e61c41;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e61c41;
}

[data-bs-theme=dark][data-color-theme=Blue_Theme]:root .btn-primary, [data-bs-theme=light][data-color-theme=Blue_Theme]:root .btn-primary {
    --bs-btn-bg: #5d87ff;
    --bs-btn-border-color: #5d87ff;
    --bs-btn-hover-bg: #e61c41;
    --bs-btn-hover-border-color: #e61c41;
}

[data-bs-theme=dark][data-color-theme=Blue_Theme]:root .btn-primary, [data-bs-theme=light][data-color-theme=Blue_Theme]:root .btn-primary {
    --bs-btn-bg: #e61c41;
    --bs-btn-border-color: #e61c41;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    /* background-color: #e61c41 !important;
    border-color: #e61c41 !important; */
    box-shadow: var(--bs-btn-active-shadow);
}

/* login page fixes start */
.auth-brand-logo img{
    height: 70px;
}
.bg-img {
    background: url(../images/login-image.jpg);
    height: 100%;
    background-size: cover;
    background-position: center;
}
.radial-gradient::before {
   
    background: none !important;
}
/* login page fixes end */
/* dashboard fixes start */
.left-sidebar{
    /* background-color: #e61c41 !important; */
    background-color: #384152 !important;

    /* background-color: #242a33 !important; */
    /* background-color: #f7f9fb !important; */
    border-right: 1px solid #384152;
    /* color: #343e5c; */
}
.topbar {
    background-color: #e61c41 !important;


}
.left-sidebar .brand-logo img{
    height: 68px;
}
.brand-logo .logo-img{
    text-align: center;
}
.left-sidebar .brand-logo{
    justify-content: center;
    margin-top: 10px;
}

.form-select {
    background-color: #fff;
}
.topbar .navbar .navbar-nav .nav-item .nav-link {
    color:#fff !important;
}

.left-sidebar:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/sidebar-background.png) no-repeat;
    background-size: cover;
}
/* dashboard fixes end */


/* datatable start */
.table-responsive .form-select-sm {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    padding-left: .5rem !important;
    padding-right: 38px !important;
    font-size: .765625rem !important;
    border-radius: var(--bs-border-radius-sm) !important;
}
.table-responsive div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0!important; 
    border: 0!important;
    border-radius: 0!important;
    margin: 0!important;
}
/* datatable end */
.breadcrumb-item:last-child{
  color: var(--bs-primary);
}
.table.datatable th{
    /* white-space: nowrap; */
}

.badge-success, .badge.text-bg-success{
    border: 1px solid #9aefbc !important;
    background-color: #e9fbf0 !important;
    color: #0f5c2e !important;
    font-weight: 600 !important;
}
.badge-warning{
    border: 1px solid #ffda47 !important;
    background-color: #fffbeb !important;
    color: #8a5300 !important;
    font-weight: 600 !important;
}
.badge-info{
    border: 1px solid #99ccff !important;
    background-color: #ebf5ff !important;
    color: #0061c2 !important;
    font-weight: 600 !important;
}
.badge-danger{
    border: 1px solid #febdc3 !important;
    background-color: #fff0f1 !important;
    color: #92010e !important;
    font-weight: 600 !important;
}
.badge-success-fill{
    border: 1px solid #9aefbc !important;
    background-color: #9aefbc !important;
    color: #0f5c2e !important;
    font-weight: 600;
}
.badge-warning-fill{
    border: 1px solid #8a5300 !important;
    background-color: #8a5300 !important;
    color: #fff !important;
    font-weight: 600;
}
.badge-info-fill{
    border: 1px solid #0061c2 !important;
    background-color: #0061c2 !important;
    color: #fff !important;
    font-weight: 600;
}
.badge-danger-fill{
    border: 1px solid #febdc3 !important;
    background-color: #febdc3 !important;
    color: #92010e !important;
    font-weight: 600;
}
.badge-quaternary-fill {
    border: 1px solid #b6f3ff !important;
    background-color: #b6f3ff !important;
    color: #007a93 !important;
    font-weight: 600;
}
.badge-black {
    border: 1px solid #333333 !important;
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

.preloader .lds-ripple {
    width: 120px;
}

.btn-primary:hover {
    color: var(--bs-btn-hover-color) !important;
    background-color: var(--bs-btn-hover-bg) !important;
    border-color: var(--bs-btn-hover-border-color) !important;
}

body div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    background-color: var(--bg-tertiary)!important;
    color: var(--bs-btn-color) !important;
}
/* -------produc page start ----- */
.card-bg {
    background-color: #f6f9fc !important;
}
.heading-color {
    color: #2a3547;
    font-size: 20px;
}
/* -------produc page end ----- */

/* -------enquery page start ----- */
.delete-modal .delete-round {
   height: 50px;
   width: 50px;
   border-radius: 50%;
   background-color: #ffeced;
}
.text-color {
    color: #e61c41;
}
.font-25 {
    font-size: 25px;
}
.font-20 {
    font-size: 1.875em;
}
.delete-modal p {
    font-size: 17px;
    color: #2a3547;
    line-height: 30px;
}
.font-22 {
    font-size: 22px;
}
.text-maroon {
    color: #92010e ;
}
/* accordion styles start */
#sales-accordion .accordion-button {
    padding: 10px 20px;
    border-radius: 6px !important;
    margin-bottom: 0;
    /* border-bottom: 1px solid #000 !important; */

}
.accordion-button:not(.collapsed) {
    box-shadow: none;
}
.accordion-item {
    border-radius: 6px;
}
.accordion-button:focus { 
    border-color: transparent; 
    box-shadow: none;
}
.accordion-body{
    padding: 30px 20px;
    border-top: 1px solid #ebf1f6 !important;
}
#sales-accordion .accordion-item:not(:first-of-type) {
    border-top: 1px solid #ebf1f6 !important;
}
/* accordion styles end */

/* tab start */
.sales-purchase-tab {
    border-bottom: 1px solid #EBF1F6;
    margin-bottom: 30px;
    margin-top: 16px;
}
.sales-purchase-tab .nav-link {
    font-size: 16px;
    font-weight: 600;
    color: #2A3547 !important;
    padding: 7px 16px;
    border-radius: 6px 6px 0 0;
}
.sales-purchase-tab .nav-link i{
    color: #A4A4A4 !important;
}
.sales-purchase-tab .nav-link.active{
    background-color: #FFEBEF;
    border-bottom: 2px solid #EF3642;
    color: #EF3642 !important;
}
.sales-purchase-tab .nav-link.active i{
    color: #EF3642 !important;
}
.badge-sm{
    padding: 2px 8px;
    font-size: 13px !important;
}
.product-horizontal-card .product-image{
    width: 60px;
    height: 60px;
    object-fit: contain;
}
.product-horizontal-card .card-title{
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.purchase-delivery-tab{
    border-bottom: 1px solid #EBF1F6;
    margin-bottom: 30px;
}
.purchase-delivery-tab .nav-link{
    padding: 5px 16px;
    border-radius: 5px 5px 0 0;
    font-size: 16px;
    font-weight: 600;
    color: #2A3547;
}
.purchase-delivery-tab .nav-link i{
    color: #A4A4A4;
}
.purchase-delivery-tab .nav-link.active {
    background-color: #FFEBEF;
    color: #EF3642;
    border-bottom: 2px solid #EF3642;
}
.purchase-delivery-tab .nav-link.active i{
    color: #EF3642;
}

/* tab end */
/* -------enquery page end ----- */
.text-bold{
    font-weight:bolder !important;
}

table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>*{
    box-shadow: none !important;
}
table.dataTable.table-striped>tbody>tr.odd > *{
    background-color: #f6f9fc !important;
}
table.dataTable.table-striped>tbody>tr.even > *{
    background-color: #fff !important;
}
.table>:not(caption)>*>*{
    box-shadow: none !important;
}
.form-check-inline .form-check-input {
    border: 1.25px solid #cdd4de;
}
.expenses-block{
    border: 1px solid #e4e9f1;
    padding: 25px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.expenses-block .btn{
    padding-left: 10px;
    padding-right: 10px;
}

.permission_checkbox{
    font-size: 16px !important;
    margin-left:10px !important;
}

.permission_module_checkbox{
    font-size: 18px !important;
    margin-left:10px !important;
}

#customer-mobile-suggestion-list {
    position: absolute;
    list-style-type: none;
    color: black;
    padding-left: 0;
    z-index: 999;
    width: 48%;
}

#customer-mobile-suggestion-list li {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
}

#customer-mobile-suggestion-list li:hover {
    background-color: #f0f0f0;
}

/* Product Image style - starts */
.img-preview-container {
    position: relative;
    display: inline-block;
}
.img-remove-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    background-color: red;
    color: white;
    padding: 2px 5px;
    border-radius: 50%;
    font-weight: bold;
}
/* Product Image style - ends */

span.error {
    color: red;
}

span.error-validation {
    color: red;
}

/* Select2 z-index handling */
.select2-container--open {
    z-index: 2 !important;  /* For normal pages */
}

.modal .select2-container--open {
    z-index: 1055 !important;  /* For modal popups */
}

.modal-backdrop {
    z-index: 1050 !important;
}

.modal {
    z-index: 1052 !important;
}

#form-loading-feature {
    position: relative;
}

#form-loading-feature .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
    z-index: 9999;  /* Ensure it appears above the content */
    display: none;  /* Initially hidden */
    pointer-events: none;  /* Prevent interaction with the overlay itself */
}

#form-loading-feature.disabled {
    pointer-events: none;  /* Disable interactions with the form container */
}

.set-max-width table tbody tr td {
    max-width: 200px;
    word-wrap: break-word; /* Ensures long words break */
    white-space: normal;   /* Allows text to wrap to the next line */
  }

.bg-light-red-subtle {
    background-color: #fcc7d59e;
}


.adv-search-btn {
    background-color: #384152;
    padding: 7px 10px;
    border-radius: 5px;
    border: 0;
    font-size: 16px;
    color: #fff;
}
.search-icon-btn{
    border: 0;
    background: #e73842;
    color: #fff;
    padding: 3px 10px;
    font-size: 20px;
}
.search-icon-btn:hover{
    background: #EAEAEA;
    color: #222;
}
.history-icon-btn{
    background: #EAEAEA !important;
    color: #222 !important;
}
.history-icon-btn:hover{
    background: #e73842 !important;
    color: #fff !important;
}
.advanced-search {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease-out, opacity 0.5s ease-out, padding 0.5s ease-out;
}
.advanced-search.show {
    max-height: 150px; /* Adjust based on content */
    opacity: 1;
    padding: 10px 0 0;
}
.custom-breadcrumb{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.adv-search-btn .top-arrow {
    transform: scale(1, -1);

}
.adv-search-btn .down-arrow {
    transform: scale(1, 1);

}


/*****************************/
.customer-detail-top-box{
    gap: 65px;
}

.delivery-address-purchased{
    width: 68%;
}

.product-horizontal-card{
    background-color: #f2f2f2;
    border-bottom: 5px solid #fff;
    border-radius: 12px 12px 0 0;

}
.product_name p{
    width: 168px;
}

/* Fancybox Image Zoom Styles */
.image-zoom-container .zoom-image:hover {
    opacity: 0.8;
    transition: opacity 0.3s ease;
    border: 2px solid #007bff;
}

.image-zoom-container .zoom-image {
    border: 2px solid transparent;
    border-radius: 4px;
    cursor: pointer;
}