/* Auto-generated consolidated CSS. */








/* ===== BEGIN style/common.css ===== */

body{
	color:#000;
	font-family: 'Lato', sans-serif;
}
a:focus,
button:focus,
li:focus,
a,
a:hover,
.btn:focus{
	outline:none;
	text-decoration:none;        
}
.oddd{background-color: #ffffff !important;}
.evenn{background-color: #efefef  !important;}
.dot {height: 10px;width: 10px;border-radius: 50%;display: inline-block;}
.green{background-color: green;}
.red{background-color: red;}
.history p {
	text-transform: capitalize;
}
.btn-group .btn_span input {
    margin: auto 4px;
}
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #f73d34;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
.h1, h1 {
	font-size: var(--wc-fs-26);
}
.page-footer{
  height: 100px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding:0;
	border: 0 !important;
	background: transparent !important;
	margin:0;
	min-width:auto;
}
.dataTables_wrapper .form-control{display: inline-block;width: auto;}
.other_info p {font-weight: bold;}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* header style */

.navbar.headerMain {
    background: #fef6ee;
    border: none;
	min-height: auto;
    padding: 19px 0 0;
}
.navbar.headerMain .navbar-collapse {
    padding: 0;
}
.navbar.headerMain .navbar-collapse li a {
    font-size: var(--wc-fs-15);
    line-height: 30px;
    color: #000000;
	border-bottom: 2px solid transparent;
    padding:5px 10px 5px;
}
.navbar.headerMain .navbar-collapse li a:hover, 
.navbar.headerMain .navbar-collapse li.open a:hover,
.navbar.headerMain .navbar-collapse li.show a:hover,
.navbar.headerMain .navbar-collapse > ul > li.active > a {
    color: #F73D34;
    border-bottom: 2px solid #F73D34;
    background: transparent;
}
.activate a{
    color: #F73D34 !important;
    background: transparent !important;
}
.navbar.headerMain .navbar-collapse li.open a,
.navbar.headerMain .navbar-collapse li.show a{
	background: transparent;
}
.navbar.headerMain .navbar-collapse li a .caret {
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.navbar.headerMain .navbar-collapse li a:hover .caret,
.navbar.headerMain .navbar-collapse li.active a .caret{
	color:#000;
}
.navbar.headerMain .navbar-collapse li {
    padding-right: 7px;
}
.navbar.headerMain .navbar-collapse li:last-child{
	padding-right:0;
}
.navbar.headerMain .navbar-collapse li ul li {
    padding: 0;
	border-bottom: 1px solid #ccc;
}
.navbar.headerMain .navbar-collapse li ul li a {
    padding: 10px;
    font-size: var(--wc-fs-16);
    line-height: 20px;
    border-bottom: none;
}
.navbar.headerMain .navbar-collapse li ul li a:hover {
    border-bottom: none !important;
}
.navbar.headerMain .navbar-collapse li ul li:last-child {
    border-bottom: none;
}
.navbar.headerMain .navbar-collapse ul > li:last-child > a.logout,
.view_product_submit {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: var(--wc-fs-14);
    line-height: 17px;
    color: #fff;
    border-radius: 4px;
    background: #F73D34;
    padding: 9px 28px;
	width:104px;
}
.navbar.headerMain .navbar-collapse ul.nav.navbar-nav {
    margin-right: -30px;
    display: flex;
    align-items: center;
}
.navbar.headerMain a.navbar-brand {
    padding: 0 15px;
    height: auto;
	margin-top:-4px;
}

/* Listing page */

select.form-control{
	appearance: none;
	-webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 10px) calc(1em + 1px), calc(100% - 5px) calc(1em + 1px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
}

.page-header {
    margin: 31px 0 40px;
	padding-bottom: 30px;
    border-bottom: 1px solid #EAEAEA;
}
.page-header h1 {
    margin: 0;
    font-weight: bold;
    font-size: var(--wc-fs-36);    
    margin: 25px 0 0 0;
    text-transform: capitalize;
	font-family: 'Lato', sans-serif;
	display: inline-block;
}

.page-header h2 {
    margin: 0;
    font-weight: bold;
    font-size: var(--wc-fs-24);
    line-height: 24px;
    text-transform: capitalize;
	font-family: 'Lato', sans-serif;
	display: block;
}

.page-header h1 a {
    color: #000;
    font-size: inherit;
    font-family: inherit;
}
.listingBtn {
    font-size: var(--wc-fs-14);
    line-height: 33px;
    color: #000;
    text-transform: capitalize;
    border: 1px solid #F73D34;
    border-radius: 4px;
    background-color: transparent;
    box-shadow: none !important;
    padding: 0 19px;
	margin-left: 10px;
}
.listingFilters .toolbar{
	font-size: 0;
	width:100%;
	display:flex;
	max-width:100%;
	align-items: center;
    justify-content: space-between;
}
.listingFilters .toolbar .form-group {
	margin-bottom: 0;
}
.toolbar_2 {
	/* font-size: 0; */
	width: 100%;
	display: flex;
	margin: 0 0 9px 0;
	justify-content: space-between;
}

.toolbar .custom_tags, .toolbar .available  {
    margin: 0 10px 0 0;
	max-width: 160px;
    width: 100%;
}
.toolbar .form-group .form-control,
.vendor_add .form-group .form-control,
.purchase_order_receive_form .form-group .form-control,
#add_form_fields_holder .form-control,
.poForm .form-control{
    font-size: var(--wc-fs-14);
    line-height: 20px;
    color: #999999;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    border: 1px solid #EAEAEA;
    border-radius: 2px;
    box-shadow: none;
    height: 35px;
    padding: 0 10px;
}

.toolbar_2 .custom_tags,.toolbar_2 .availablee, .toolbar_2 .product_typee, .toolbar_2 .quantityy{
    font-size: var(--wc-fs-14);
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    box-shadow: none;
    height: 195px;
}

.toolbar .form-group .form-control{
    width:100%;
}
.toolbar .form-group.onstoreSelect{
	width: 284px;
}
.toolbar_2 .mb-2{
    color: #000000;
    font-weight: bolder;
    font-size: var(--wc-fs-17);
}
.toolbar_2 label{
    cursor: pointer;
    word-break: break-all;
    margin: 2px 0;
}
.toolbar_2 .custom_tags, .toolbar_2 .product_typee, .toolbar_2 .shopify_tags, .toolbar_2 .c_uniqueArray {
    max-height: 250px;
    overflow-x: auto;
    min-height: 250px;
}

.toolbar_2 .availablee, .toolbar_2 .quantityy {
    max-height: 60px;
    overflow-x: auto;
    min-height: 60px;
}

.toolbar_2  .form-check-input{
    margin: 5px 10px 0 0;
}

.toolbar_2  .form-check{
    display: flex;
}

.toolbar_2 .form-check-label {
    font-weight: normal;
}

.dataTables_wrapper .dt-buttons .dt-button {
    font-size: var(--wc-fs-14);
    color: #000;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    border-radius: 4px;
    border: 1px solid #F73D34;
    background-color: transparent;
    text-transform: capitalize;
    box-shadow: none;
    background: none;
    line-height: 33px;
    padding: 0 19px;
    margin: 0 0 0 5px;
}
.dataTables_wrapper div.dataTables_length label {
    font-size: var(--wc-fs-14);
    line-height: 20px;
    color: #000;
    font-family: 'Lato', sans-serif;
    margin: 0;
    font-weight: normal;
}
.dataTables_wrapper div.dataTables_length .custom-select {
    font-size: var(--wc-fs-14);
    color: #000;
    font-family: 'Lato', sans-serif;
    border: 1px solid #EAEAEA;
    border-radius: 2px;
    line-height: 35px;
    padding: 0 11px;
    box-shadow: none;
    height: 35px;
    width: 63px;
    margin-left: 5px;
}
.table.dataTable th {
    background: #F8F8F8;
    border: none;
    font-size: var(--wc-fs-12);
    line-height: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    padding: 10px;
	vertical-align:middle;
}
.table.dataTable td {
    font-size: var(--wc-fs-14);
    line-height: 20px;
    color: #555555;
    font-family: 'Lato', sans-serif;
	vertical-align:middle;
	border: none;
    border-bottom: 1px solid #ddd !important ;
	text-align:left;
    overflow: hidden;
}
.table.dataTable td a {
    color: #000;
	display: flex;
    text-align: left;
    align-items: center;
    text-wrap: auto;
    word-break: break-all;
}
.table.dataTable td a:hover {
    color: #F73D34;
	text-decoration:underline;
}
.table.dataTable.no-footer {
    border-bottom: none;
}
.dataTables_wrapper .bottom {
    padding: 31px 0 0;
    overflow: hidden;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.dataTables_wrapper .bottom .dataTables_info {
    font-size: var(--wc-fs-14);
    line-height: 15px;
    color: #999999;
    font-family: 'Lato', sans-serif;
    padding: 0;
}
.dataTables_wrapper .bottom .dataTables_paginate {
    padding: 0;
}
.dataTables_wrapper .bottom .dataTables_paginate ul {
    margin: 0;
}
.dataTables_paginate ul li.paginate_button a {
    font-size: var(--wc-fs-13);
    line-height: 20px;
    color: #000 !important;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    border: none;
	height: 29px;
    margin: 0;
    padding: 0;
    display: flex;
    width: 30px;
    justify-content: center;
    align-items: center;
    background: none;
}
.dataTables_paginate ul li.paginate_button.active a {
    border: 1px solid #F73D34;
    background: transparent;
    border-radius: 50%;
	cursor:pointer;
}
.listingFilters {
    display: flex;
	margin: 0 0 20px;
}
.listingFilters .dataTables_filter{
	margin-bottom:0;
}
.dataTables_filter{
    width: 100%;
    max-width: 224px;
	margin-bottom:20px;
}
.dataTables_filter label{
    border-radius: 2px;
    border: 1px solid #EAEAEA;
    width: 100%;
    margin: 0;
    font-weight: 400;
	position: relative;
}
.dataTables_filter label svg{
    position: absolute;
    top: 10px;
    left: 10px;
}
.dataTables_filter label .form-control{
    font-size: var(--wc-fs-14);
    line-height: 15px;
    color: #999999;
    font-family: 'Lato', sans-serif;
    padding: 10px 10px 10px 33px;
    border: none;
    max-width: 100%;
    margin: 0;
	height:33px;
	box-shadow: none;
    width: 100%;
}
.listingSelect_bar .resetText, .listingFilters .resetText, .tag_assign_btn {
    font-weight: bold;
    font-size: var(--wc-fs-16);
    line-height: 16px;
    font-family: 'Lato', sans-serif;
    text-decoration: underline;
    color: #F73D34;
}

.sorting:last-child, .sorting_asc:last-child, .sorting_desc:last-child {background-image : none !important;}
.toggle-vis, .show_hide label {cursor: pointer;}
.show_hide label{margin:0px 7px;}
.show_hide {font-size: var(--wc-fs-16);margin: 10px 0;}
.other_info span {font-weight: bold;display: inline-block;}
.cost_span{display: block;}
.show{display:block;}
.inner {display: inline-block;}
.main {width: 100%;}
.listingSelect_bar_2{display: flex;}
.listingSelect_bar_2 .toolbar_2 {font-size: 0;width: 100%;display: flex;margin-left: auto;align-items: center;   }
.listingSelect_bar_2 .toolbar_2 .form-group {margin-right: 10px;}
.modal-body-inner {display: inline-block;width: 49.6%;}
.table_div {overflow-y: scroll;height: 85vh;}
.table_on_popup td:first-child:before{counter-increment: Serial;content: counter(Serial);}


.tag_assign_btn:hover {color: #F73D34;text-decoration: underline;}
.listingSelect_bar .resetText{
    float:right;
    margin-bottom: 10px;
}
.filter_icon {
    width: 41px;
    margin: 0 6px;
    border: 1px solid #EAEAEA;
    border-radius: 2px;
    padding: 7px;
    height: 35px;
    text-align: center;
	cursor:pointer;
}
.listingExport {
    display: flex;
	margin:0 0 20px;
}
.listingExport .dt-buttons {
    margin-left: auto;
}
.table.dataTable td a .img_div img {
    margin-right:0;
}
.table.dataTable td a.viewPo_icon{
    padding-left: 10px;
    padding-right: 10px;
}
.table.dataTable td a.viewPo_icon img{
	margin-right:0;
}
.table.dataTable td a .img_div {
    width: 100px;
    height: auto;
	text-align:center;
	margin-right:10px;
}
.dataTables_paginate ul li.paginate_button.next a,
.dataTables_paginate ul li.paginate_button.previous a {
    font-size: 0;
	background:url(../images/ionic-ios-arrow-back.png) no-repeat center right;
	padding:0 10px;
    width: auto;
}
.dataTables_paginate ul li.paginate_button.previous a{
	transform:rotate(180deg);
}
.dataTables_paginate ul li.paginate_button.previous a .sPrevious {
    transform:rotate(-180deg);
}
.dataTables_paginate ul li.paginate_button.previous.disabled {
    opacity: 0;
}
.dataTables_paginate ul li.paginate_button a:hover {
    color: #000;
    background-color: transparent;
}
.dataTables_paginate ul li.paginate_button a:focus{
	background-color:transparent;
    outline: none;
    box-shadow: none;
}
.dataTables_wrapper .dt-buttons .dt-button:hover {
    background: no-repeat;
    border: 1px solid #F73D34;
}

/* Detail Page */

.detailHeader .thumbnail {
    border: 1px solid #EAEAEA;
    border-radius: 0;
    width: 80px;
	display: inline-block;
	margin: 0 20px 0 0;
}
.page-header.detailHeader .headerTitle{
	display:flex;
	align-items: center;
}
.productDetail h2 {
    font-size: var(--wc-fs-24);
    line-height: 24px;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 30px;
}
.detailTags p {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: var(--wc-fs-12);
    line-height: 12px;
    color: #999999;
}
.detailTags .mentionTag {
    font-size: var(--wc-fs-16);
    line-height: 16px;
    color: #000;
    font-family: 'Lato', sans-serif;
    text-transform: capitalize;
    padding: 15px 20px;
    background: #F8F8F8;
}
.detailTags {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
a.backBtn {
    font-size: var(--wc-fs-16);
    line-height: 16px;
    color: #000;
    font-family: 'Lato', sans-serif;
    margin: 10px 0 0;
    display: inline-block;
}
a.backBtn span {
    margin-right: 8px;
    margin-top: -2px;
	float:left;
}
.detailTable p {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: var(--wc-fs-12);
    line-height: 12px;
    color: #999999;
}
table.tableContent {
    border: 1px solid #EAEAEA;
}
table.tableContent th {
    font-size: var(--wc-fs-12);
    line-height: 12px;
    font-weight: bold;
    color: #000;
    font-family: 'Lato', sans-serif;
	background-color:#F8F8F8;
	border: none;
    border-bottom: none !important;
	border-top: none !important;
}
table.tableContent td {
    font-size: var(--wc-fs-14);
    line-height: 15px;
    color: #555555;
    font-family: 'Lato', sans-serif;
}
/* .page-header.detailHeader a.listingBtn {
    margin-top: 11px;
} */
.saveBtn{
	margin-left:0;
}


/* Media screens */

@media(max-width:1024px){
.dataTables_filter{
	width:20%;
}	
}

@media only screen and (min-width:1200px) {
    .navbar.headerMain .container {
        display: flex;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 26px;
        width: 100% !important;
        max-width: 100%;
    }
}

@media(max-width:1022px){
.page-header.detailHeader a.listingBtn{
	margin:15px 0 0;
}
.detailTags .mentionTag{
    margin-bottom:25px;
    line-break: anywhere;
}	
.detailTags{
	padding-bottom:15px;
}
.listingBtn{
	float:left;
	margin: 15px 0 0;
}
.listingFilters {
    flex-direction: column;
}
.dataTables_filter {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}
.filter_icon{
	margin:0 0 10px;
}
.listingFilters .toolbar, .listingFilters .toolbar_2 {
    align-items: flex-start;
    flex-direction: column;
}
.listingFilters .toolbar .form-group {
	margin-bottom: 10px;
    width: 100%;
}
.listingFilters .toolbar .filter_icon {
	margin-top: 10px;
}
.toolbar_2 {
	justify-content: flex-start;
	flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.toolbar_2 select {
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
.toolbar .form-group, .toolbar_2 .form-group {
    margin: 0 0 10px;
    max-width: 100%;
}
.toolbar .form-group.onstoreSelect, .toolbar_2 .form-group.onstoreSelect {
    max-width: 100%;
}
.table.dataTable.no-footer{
	display: block;
    overflow-x: scroll;
}
}

@media (max-width:768px){
.navbar.headerMain .navbar-collapse ul.nav.navbar-nav {
    margin-right: -23px;
}	
}

@media (max-width:767px){
    .toolbar_2 {
        margin-right: 0;
        margin-left: 0;
    }
    .toolbar_2 select {
        margin-left: 0;
        margin-right: 0;
    }
    .toolbar_2 .custom_tags, .toolbar_2 .availablee, .toolbar_2 .product_typee, .toolbar_2 .quantityy {
        max-width: 100%;
    }
.navbar.headerMain {
    padding: 15px 0;
}	
.navbar.headerMain .navbar-toggle {
    margin: 6px 15px 0;
	border-color: #F73D34;
}
.navbar.headerMain .navbar-toggle .icon-bar {
    background-color: #F73D34;
}
.navbar.headerMain .navbar-toggle:hover {
    background: transparent;
}
.navbar.headerMain .navbar-collapse {
    padding: 0 15px;
	border:none;
}
.navbar.headerMain .navbar-collapse ul.nav.navbar-nav {
    margin: 7.5px 0;
}
.navbar.headerMain .navbar-collapse li {
    padding-right: 0;
}
.navbar.headerMain .navbar-collapse li a{
	padding:10px;
    min-height: 44px;
    display: flex;
    align-items: center;
}
.navbar-nav .open .dropdown-menu,
.navbar-nav .show .dropdown-menu {
    padding-left: 20px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-default .navbar-nav .show .dropdown-menu>li>a {
    color: #F73D34;
}
.navbar.headerMain .navbar-collapse ul > li:last-child > a.logout{
	margin-top:10px;
}
.navbar.headerMain a.navbar-brand{
	margin-top:0;
}
.navbar.headerMain .dropdown-menu {
    display: none;
}
.navbar.headerMain .dropdown.show > .dropdown-menu,
.navbar.headerMain .dropdown.open > .dropdown-menu,
.navbar.headerMain .dropdown-menu.show {
    display: block;
}
.page-header h1{
	font-size: var(--wc-fs-28);
    line-height: 32px;
}
}

@media(max-width:480px){
.listingExport {
    flex-direction: column;
    align-items: flex-start;
}	
.listingExport .dt-buttons {
    margin-left: 0;
    margin-top: 10px;
}
.dataTables_wrapper .dt-buttons .dt-button {
    margin: 0 5px 0 0;
}
.dataTables_wrapper .bottom {
    flex-direction: column;
}
.dataTables_wrapper .bottom .dataTables_info{
	margin-bottom:10px;
}
}

/* ===== END style/common.css ===== */


/* ===== BEGIN inline style from login.php block 1 ===== */

.page-header h1 {
    margin: 0;
    font-weight: bold;
    font-size: var(--wc-fs-36);
    line-height: 36px;
    text-transform: capitalize;
    font-family: 'Lato', sans-serif
    display: inline-block;
}

.loginForm{
	max-width: 500px;
    margin: 0 auto;
	font-family: 'Lato', sans-serif;
}
.loginForm .form-control {
    font-size: var(--wc-fs-14);
    line-height: 20px;
    color: #999999;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    border: 1px solid #EAEAEA;
    border-radius: 2px;
    box-shadow: none;
    height: 35px;
    padding: 0 10px;
    width: 100%;
}
.listingBtn {
    font-size: var(--wc-fs-14);
    line-height: 33px;
    color: #000;
    text-transform: capitalize;
    border: 1px solid #F73D34;
    border-radius: 4px;
    background-color: transparent;
    box-shadow: none !important;
    padding: 0 19px;
}

/* ===== END inline style from login.php block 1 ===== */


/* ===== BEGIN inline style from menu.php block 1 ===== */

.nav-mainn { font-family: 'Lato', sans-serif; background: #fff; border-bottom: 1px solid #e8e8e8; box-shadow: 0 1px 4px rgba(0,0,0,.06); min-height: 56px; overflow-x: hidden; }
.nav-main .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; max-width: 100%; }
.nav-main .nav-brand { display: flex; align-items: center; padding: 12px 0; flex-shrink: 0; }
.nav-main .nav-brand img { height: 36px; max-width: 100%; width: auto; display: block; }
.nav-main .nav-toggle { display: none; padding: 10px 14px; border: 1px solid #e0e0e0; border-radius: 6px; background: #fff; color: #333; cursor: pointer; }
.nav-main .nav-toggle:hover { border-color: #F73D34; color: #F73D34; background: #fff; }
.nav-main .nav-toggle .icon-bar { display: block; width: 18px; height: 2px; background: #333; border-radius: 1px; margin: 3px 0; }
.nav-main .nav-toggle:hover .icon-bar { background: #F73D34; }
.nav-main .nav-wrap { display: flex; align-items: center; gap: 2px; }
.nav-main .nav-list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; }
.nav-main .nav-list > li { position: relative; }
.nav-main .nav-list > li > a { display: block; padding: 16px 14px; font-size: var(--wc-fs-14); font-weight: 500; color: #444; text-decoration: none; transition: color .15s, background .15s; border-bottom: 2px solid transparent; }
.nav-main .nav-list > li > a:hover { color: #F73D34; background: rgba(247,61,52,.04); border-bottom-color: #F73D34; }
.nav-main .nav-list > li.open > a,
.nav-main .nav-list > li.show > a { color: #F73D34; border-bottom-color: #F73D34; }
.nav-main .nav-list > li > a .caret { margin-left: 4px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ''; }
.nav-main .nav-list > li.nav-divider { width: 1px; height: 20px; padding: 0; margin: 0 6px; align-self: center; min-width: 1px; }
.nav-main .nav-list > li.nav-divider::before { content: ''; display: block; width: 1px; height: 20px; background: #ddd; }
.nav-main .nav-list .nav-logout a { color: #666; font-weight: 500; }
.nav-main .nav-list .nav-logout a:hover { color: #c00; }
/* Desktop dropdown */
.nav-main .dropdown { position: relative; }
.nav-main .dropdown-menu { position: absolute; left: 0; top: 100%; min-width: 200px; border: 1px solid #e8e8e8; border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,.1); padding: 6px 0; margin-top: 4px; z-index: 1000; background: #fff; list-style: none; display: none; }
.nav-main .dropdown.open > .dropdown-menu,
.nav-main .dropdown.show > .dropdown-menu,
.nav-main .dropdown-menu.show { display: block; }
.nav-main .dropdown-menu li a { padding: 10px 16px; font-size: var(--wc-fs-14); color: #333; display: block; text-decoration: none; }
.nav-main .dropdown-menu li a:hover { background: rgba(247,61,52,.08); color: #F73D34; }
/* Desktop submenu */
.nav-main .dropdown-submenu { position: relative; }
.nav-main .dropdown-submenu > .dropdown-menu { left: 100%; top: 0; margin-top: -6px; margin-left: 2px; display: none; }
.nav-main .dropdown-submenu:hover > .dropdown-menu { display: block; }
.nav-main .dropdown-submenu.open > .dropdown-menu,
.nav-main .dropdown-submenu.show > .dropdown-menu { display: block; }
.nav-main .dropdown-submenu > a::after { float: right; margin-top: 6px; border-left: 4px solid #999; border-top: 4px solid transparent; border-bottom: 4px solid transparent; content: ''; }
.nav-main .dropdown-submenu:hover > a::after { border-left-color: #F73D34; }
/* Responsive */
@media (max-width: 767px) {
    .nav-main .nav-toggle { display: block; flex-shrink: 0; }
    .nav-main .nav-wrap { display: none; width: 100%; flex-basis: 100%; }
    .nav-main .nav-wrap.in,
    .nav-main .nav-wrap.show { display: block !important; margin-top: 8px; padding-top: 12px; border-top: 1px solid #eee; }
    .nav-main .nav-list { flex-direction: column; align-items: stretch; }
    .nav-main .nav-list > li > a { padding: 14px 16px; border-bottom: none; border-left: 3px solid transparent; }
    .nav-main .nav-list > li > a:hover { border-left-color: #F73D34; }
    .nav-main .nav-list > li.open > a,
    .nav-main .nav-list > li.show > a { border-left-color: #F73D34; }
    .nav-main .nav-list > li.nav-divider { width: 100%; height: 0; margin: 10px 0; min-width: 0; }
    .nav-main .nav-list > li.nav-divider::before { width: 100%; height: 1px; }
    /* Mobile: dropdowns inline, toggle with .open */
    .nav-main .dropdown-menu { position: static !important; float: none !important; box-shadow: none; border: none; border-left: 3px solid #eee; margin: 0 0 0 16px; padding: 0 0 8px 0; display: none; background: transparent; }
    .nav-main .dropdown.open > .dropdown-menu,
    .nav-main .dropdown.show > .dropdown-menu,
    .nav-main .dropdown-menu.show { display: block; }
    .nav-main .dropdown-menu li a { padding: 10px 16px 10px 12px; }
    .nav-main .dropdown-submenu > .dropdown-menu { position: static !important; margin-left: 16px; display: none; }
    .nav-main .dropdown-submenu.open > .dropdown-menu,
    .nav-main .dropdown-submenu.show > .dropdown-menu { display: block; }
    .nav-main .dropdown-submenu > a::after { border-left: 4px solid #999; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
}
@media (max-width: 480px) {
    .nav-main .nav-list > li > a { padding: 12px 12px; font-size: var(--wc-fs-13); }
    .nav-main .dropdown-menu li a { padding: 10px 12px; font-size: var(--wc-fs-13); }
}

/* Desktop/tablet vertical navigation layout */
@media (min-width: 768px) {
    .nav-main .container {
        display: block;
    }
    .nav-main .nav-brand {
        padding: 14px 0 10px;
    }
    .nav-main .nav-wrap {
        display: block;
        width: 100%;
    }
    .nav-main .nav-list {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }
    .nav-main .nav-list > li {
        width: 100%;
    }
    .nav-main .nav-list > li > a {
        border-bottom: none;
        border-left: 3px solid transparent;
        padding: 13px 14px;
    }
    .nav-main .nav-list > li > a:hover,
    .nav-main .nav-list > li.open > a,
    .nav-main .nav-list > li.show > a {
        border-left-color: #F73D34;
        border-bottom-color: transparent;
    }
    .nav-main .nav-list > li.nav-divider {
        width: 100%;
        height: 0;
        margin: 10px 0;
        min-width: 0;
    }
    .nav-main .nav-list > li.nav-divider::before {
        width: 100%;
        height: 1px;
    }
    .nav-main .dropdown-menu {
        position: static !important;
        float: none !important;
        min-width: 0;
        box-shadow: none;
        border: none;
        border-left: 3px solid #eee;
        margin: 0 0 0 16px;
        padding: 0 0 8px 0;
        background: transparent;
    }
    .nav-main .dropdown-menu li a {
        padding: 10px 16px 10px 12px;
    }
    .nav-main .dropdown-submenu > .dropdown-menu {
        position: static !important;
        margin-left: 16px;
    }
}

/* ===== END inline style from menu.php block 1 ===== */


/* ===== BEGIN inline style from sale-reports-old.php block 1 ===== */

.filter-price {
        width: 220px;
        border: 0;
        padding: 0;
        margin: 0
    }

    .price-title {
        position: relative;
        color: #fff;
        font-size: var(--wc-fs-14);
        line-height: 1.2em;
        font-weight: 400;
        background: #d58e32;
        padding: 10px
    }

    .price-container {
        display: flex;
        border: 1px solid #ccc;
        padding: 5px;
        margin-left: 57px;
        width: 100px
    }

    .price-field {
        position: relative;
        width: 100%;
        height: 36px;
        box-sizing: border-box;
        padding-top: 15px;
        padding-left: 0
    }

    .price-field input[type=range] {
        position: absolute;
        width: 100%;
        height: 18px;
        border: 1px solid #000;
        outline: 0;
        box-sizing: border-box;
        border-radius: 5px;
        pointer-events: none;
        -webkit-appearance: none
    }

    .price-field input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none
    }

    .price-field input[type=range]:active,
    .price-field input[type=range]:focus {
        outline: 0
    }

    .price-field input[type=range]::-ms-track {
        width: 188px;
        height: 2px;
        border: 0;
        outline: 0;
        box-sizing: border-box;
        border-radius: 5px;
        pointer-events: none;
        background: transparent;
        border-color: transparent;
        color: red;
        border-radius: 5px
    }

    .price-field input[type=range]::-webkit-slider-thumb {
        position: relative;
        -webkit-appearance: none;
        margin: 0;
        border: 0;
        outline: 0;
        border-radius: 50%;
        height: 10px;
        width: 10px;
        margin-top: -4px;
        background-color: #fff;
        cursor: pointer;
        cursor: pointer;
        pointer-events: all;
        z-index: 100
    }

    .price-field input[type=range]::-moz-range-thumb {
        position: relative;
        appearance: none;
        margin: 0;
        border: 0;
        outline: 0;
        border-radius: 50%;
        height: 10px;
        width: 10px;
        margin-top: -5px;
        background-color: #fff;
        cursor: pointer;
        cursor: pointer;
        pointer-events: all;
        z-index: 100
    }

    .price-field input[type=range]::-ms-thumb {
        position: relative;
        appearance: none;
        margin: 0;
        border: 0;
        outline: 0;
        border-radius: 50%;
        height: 10px;
        width: 10px;
        margin-top: -5px;
        background-color: #242424;
        cursor: pointer;
        cursor: pointer;
        pointer-events: all;
        z-index: 100
    }

    .price-field input[type=range]::-webkit-slider-runnable-track {
        width: 188px;
        height: 2px;
        cursor: pointer;
        background: #555;
        border-radius: 5px
    }

    .price-field input[type=range]::-moz-range-track {
        width: 188px;
        height: 2px;
        cursor: pointer;
        background: #242424;
        border-radius: 5px
    }

    .price-field input[type=range]::-ms-track {
        width: 188px;
        height: 2px;
        cursor: pointer;
        background: #242424;
        border-radius: 5px
    }

    .price-wrap {
        display: flex;
        color: #242424;
        font-size: var(--wc-fs-14);
        line-height: 1.2em;
        font-weight: 400;
        margin-bottom: 0
    }

    .price-wrap-1,
    .price-wrap-2 {
        display: flex;
        margin-left: 0
    }

    .price-title {
        margin-right: 5px
    }

    .price-wrap_line {
        margin: 6px 0 5px 5px
    }

    .price-wrap #one,
    .price-wrap #two {
        width: 100px;
        text-align: left;
        margin: 0;
        padding: 0;
        margin-right: 2px;
        background: 0;
        border: 0;
        outline: 0;
        color: #242424;
        font-family: 'Lato', sans-serif;
        font-size: var(--wc-fs-14);
        line-height: 1.2em;
        font-weight: 400
    }

    .price-wrap label {
        text-align: right;
        margin-top: 6px;
        padding-left: 5px
    }

    .price-field input[type=range]:hover::-webkit-slider-thumb {
        box-shadow: 0 0 0 .5px #242424;
        transition-duration: .3s
    }

    .price-field input[type=range]:active::-webkit-slider-thumb {
        box-shadow: 0 0 0 .5px #242424;
        transition-duration: .3s
    }

    fieldset.filter-price {
        width: 100%
    }

    fieldset.filter-price .price-container {
        margin: 0;
        border: 0;
        width: 100%
    }

    .price-field input[type=range]::-webkit-slider-thumb {
        background: #f73d34;
        width: 12px;
        height: 12px
    }

    .price-field input[type=range]::-webkit-slider-runnable-track {
        background: #edd6be;
        height: 5px
    }

    fieldset.filter-price .price-wrap-2 input#two {
        margin-right: 0
    }

    fieldset.filter-price .price-field {
        padding: 0;
        height: 20px
    }

    fieldset.filter-price .price-field input {
        border: 0
    }

    .custom-combobox {
        position: relative;
        display: inline-block;
    }

    .custom-combobox-toggle {
        position: absolute;
        top: 0;
        bottom: 0;
        margin-left: -1px;
        padding: 0;
    }

    .custom-combobox-input {
        margin: 0;
        padding: 5px 28px;
    }

    .submitbutton {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-right: 20px;
        background: #f73d34;
        color: #fff;
    }

    .submit_button {
        padding: 26px 14px;
        display: flex;
    }

    .resetbutton {
        width: 22%;
        background: #000;
        color: #fff;
    }

    /* Product list style */

    .form.submitbuttonform #product_lists {
        padding: 10px;
        border: 1px solid #ccc;
        height: 274px;
        overflow-y: scroll;
        overflow-x: hidden;
        position: absolute;
        width: 87%;
        z-index: 99999;
        background: #fff;
    }
    .form.submitbuttonform #product_lists .product_list_a {
        display: block;
        margin-bottom: 5px;
        cursor: pointer;
    }

/* ===== END inline style from sale-reports-old.php block 1 ===== */


/* ===== BEGIN inline style from consignment/calculations copy.php block 1 ===== */

/* .tableleft {float:left;} */
	table {
		text-align: center;
		text-transform: capitalize;
		border: 1px solid #ccc;
		background: #f9f9f9;
		letter-spacing: 2px;
	}
	tr td, tr th {
		border: 2px solid #ccc;
	}
	.Default{background: #f2e0e0;}
	.PO{background-color: #c8ecfb;}
	.Order{background-color: #d9f7ac;}
	.Intransit{background-color: #f7f7b3;}
	.Received{background-color: #baeed6;}
	.preordertd{background-color:#42d7f9;}

	.frontend{background-color: #f6fd2c;}
	.total{background-color: #33b2e3;}
	.sale{background-color: #f9a042;}
	.action{background-color: #11ae47;}
	.preorder{background-color: #42f9ce;}

	.frontend_b{border:2px solid #f6fd2c;}
	.total_b{border:2px solid #33b2e3;}
	.sale_b{border:2px solid #f9a042;}
	.action_b{border:2px solid #11ae47;}
	.preorder_b{background-color: #42f9ce;}

	table.cal thead tr {
		display: block;
	}

	table.cal th , table.cal td {
		min-width: 100px;
		max-width: 150px;
		float: left;
		overflow: hidden;
		display: block;
		margin-left: 3px;
		text-align: center;
		padding: 2px;
		padding-top: 2px;
		font-size: var(--wc-fs-14);
		padding-top: 11px;
		letter-spacing: 3px;
		word-wrap: break-word;
	}
	table.cal td {
		height: 29px;
	}
	/* table.cal tbody {
		display: block;
		height: 300px;
		overflow: auto;
	} */
	th {
		text-align: center;
	}
	.tablefixed{
		display:flex;
	}

/* ===== END inline style from consignment/calculations copy.php block 1 ===== */


/* ===== BEGIN inline style from consignment/calculations.php block 1 ===== */

/* .tableleft {float:left;} */
	table {
		text-align: center;
		text-transform: capitalize;
		border: 1px solid #ccc;
		background: #f9f9f9;
		letter-spacing: 2px;
	}
	tr td, tr th {
		border: 2px solid #ccc;
	}
	.Default{background: #f2e0e0;}
	.PO{background-color: #c8ecfb;}
	.Order{background-color: #d9f7ac;}
	.Intransit{background-color: #f7f7b3;}
	.Received{background-color: #baeed6;}
	.preordertd{background-color:#42d7f9;}

	.frontend{background-color: #f6fd2c;}
	.total{background-color: #33b2e3;}
	.sale{background-color: #f9a042;}
	.action{background-color: #11ae47;}
	.preorder{background-color: #42f9ce;}

	.frontend_b{border:2px solid #f6fd2c;}
	.total_b{border:2px solid #33b2e3;}
	.sale_b{border:2px solid #f9a042;}
	.action_b{border:2px solid #11ae47;}
	.preorder_b{background-color: #42f9ce;}

	table.cal thead tr {
		display: block;
	}

	table.cal th , table.cal td {
		width: 100px;
		float: left;
		overflow: hidden;
		display: block;
		margin-left: 3px;
		text-align: center;
		padding: 2px;
		padding-top: 2px;
		font-size: var(--wc-fs-14);
		padding-top: 11px;
		letter-spacing: 3px;
		word-wrap: break-word;
	}
	table.cal td {
		height: 29px;
	}
	/* table.cal tbody {
		display: block;
		height: 300px;
		overflow: auto;
	} */
	th {
		text-align: center;
	}
	.tablefixed{
		display:flex;
	}

/* ===== END inline style from consignment/calculations.php block 1 ===== */


/* ===== BEGIN inline style from consignment/sale-reports-old.php block 1 ===== */

.submit_button{height:96px;padding:26px 14px}
    .filter-price{width:220px;border:0;padding:0;margin:0}
    .price-title{position:relative;color:#fff;font-size: var(--wc-fs-14);line-height:1.2em;font-weight:400;background:#d58e32;padding:10px}
    .price-container{display:flex;border:1px solid #ccc;padding:5px;margin-left:57px;width:100px}
    .price-field{position:relative;width:100%;height:36px;box-sizing:border-box;padding-top:15px;padding-left:0}
    .price-field input[type=range]{position:absolute;width:100%;height:18px;border:1px solid #000;outline:0;box-sizing:border-box;border-radius:5px;pointer-events:none;-webkit-appearance:none}
    .price-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}
    .price-field input[type=range]:active,.price-field input[type=range]:focus{outline:0}
    .price-field input[type=range]::-ms-track{width:188px;height:2px;border:0;outline:0;box-sizing:border-box;border-radius:5px;pointer-events:none;background:transparent;border-color:transparent;color:red;border-radius:5px}
    .price-field input[type=range]::-webkit-slider-thumb{position:relative;-webkit-appearance:none;margin:0;border:0;outline:0;border-radius:50%;height:10px;width:10px;margin-top:-4px;background-color:#fff;cursor:pointer;cursor:pointer;pointer-events:all;z-index:100}
    .price-field input[type=range]::-moz-range-thumb{position:relative;appearance:none;margin:0;border:0;outline:0;border-radius:50%;height:10px;width:10px;margin-top:-5px;background-color:#fff;cursor:pointer;cursor:pointer;pointer-events:all;z-index:100}
    .price-field input[type=range]::-ms-thumb{position:relative;appearance:none;margin:0;border:0;outline:0;border-radius:50%;height:10px;width:10px;margin-top:-5px;background-color:#242424;cursor:pointer;cursor:pointer;pointer-events:all;z-index:100}
    .price-field input[type=range]::-webkit-slider-runnable-track{width:188px;height:2px;cursor:pointer;background:#555;border-radius:5px}
    .price-field input[type=range]::-moz-range-track{width:188px;height:2px;cursor:pointer;background:#242424;border-radius:5px}
    .price-field input[type=range]::-ms-track{width:188px;height:2px;cursor:pointer;background:#242424;border-radius:5px}
    .price-wrap{display:flex;color:#242424;font-size: var(--wc-fs-14);line-height:1.2em;font-weight:400;margin-bottom:0}
    .price-wrap-1,.price-wrap-2{display:flex;margin-left:0}
    .price-title{margin-right:5px}
    .price-wrap_line{margin:6px 0 5px 5px}
    .price-wrap #one,.price-wrap #two{width:100px;text-align:left;margin:0;padding:0;margin-right:2px;background:0;border:0;outline:0;color:#242424;font-family:'Lato', sans-serif;font-size: var(--wc-fs-14);line-height:1.2em;font-weight:400}
    .price-wrap label{text-align:right;margin-top:6px;padding-left:5px}
    .price-field input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 .5px #242424;transition-duration:.3s}
    .price-field input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 .5px #242424;transition-duration:.3s}
    fieldset.filter-price{width:100%}
    fieldset.filter-price .price-container{margin:0;border:0;width:100%}
    .price-field input[type=range]::-webkit-slider-thumb{background:#f73d34;width:12px;height:12px}
    .price-field input[type=range]::-webkit-slider-runnable-track{background:#edd6be;height:5px}
    fieldset.filter-price .price-wrap-2 input#two{margin-right:0}
    fieldset.filter-price .price-field{padding:0;height:20px}
    fieldset.filter-price .price-field input{border:0}

/* ===== END inline style from consignment/sale-reports-old.php block 1 ===== */


/* ===== BEGIN inline style from consignment/inventory/assign_tags.php block 1 ===== */

.delete_tags_key_value_class {
      border: none;
      background: #fff;
   }

/* ===== END inline style from consignment/inventory/assign_tags.php block 1 ===== */


/* ===== BEGIN inline style from consignment/inventory/bulk_assign_tags.php block 1 ===== */

#add_form_fields_holder {margin-bottom: 12px;}

/* ===== END inline style from consignment/inventory/bulk_assign_tags.php block 1 ===== */


/* ===== BEGIN inline style from consignment/inventory/calculations.php block 1 ===== */

.container {width: 100%; max-width: 100%;}
	.table.dataTable th {font-size: var(--wc-fs-7);}
	table {text-align: center;text-transform: capitalize;border: 1px solid #ccc;background: #f9f9f9;letter-spacing: 2px;}
	tr td, tr th {border: 2px solid #ccc;}
	.Default{background: #f2e0e0;}
	.PO{background-color: #c8ecfb;}
	.Order{background-color: #d9f7ac;}
	.Intransit{background-color: #f7f7b3;}
	.Received{background-color: #baeed6;}
	.preordertd{background-color:#42d7f9;}
	.frontend{background-color: #f6fd2c;}
	.total{background-color: #33b2e3;}
	.sale{background-color: #f9a042;}
	.action{background-color: #11ae47;}
	.preorder{background-color: #42f9ce;}
	.frontend_b{border:2px solid #f6fd2c;}
	.total_b{border:2px solid #33b2e3;}
	.sale_b{border:2px solid #f9a042;}
	.action_b{border:2px solid #11ae47;}
	.preorder_b{background-color: #42f9ce;}

/* ===== END inline style from consignment/inventory/calculations.php block 1 ===== */


/* ===== BEGIN inline style from consignment/inventory/comparison_between_systems.php block 1 ===== */

.loader {  position: absolute;  left: 50%;  top: 50%;  transform: translate(-10px, -10px);  z-index: 9999;}
    body.loader-body:before {  content: "";  height: 100%;  width: 100%;  position: absolute;  left: 0;  top: 0;  background: #c1c1c1;  z-index: 999;  opacity: 0.8;}
    .table.dataTable td {	text-align:center!important;}
    .loader_msg{    position: absolute;    left: 39%;    top: 60%;    transform: translate(-10px, -10px);    z-index: 9999;    font-size: var(--wc-fs-25);}
    #showonlyerrors {  margin: 0 6px;}

/* ===== END inline style from consignment/inventory/comparison_between_systems.php block 1 ===== */


/* ===== BEGIN inline style from consignment/inventory/products-old.php block 1 ===== */

body {
      counter-reset: Serial;
   }

   .modal-lg {
      width: 175vh;
   }

/* ===== END inline style from consignment/inventory/products-old.php block 1 ===== */


/* ===== BEGIN inline style from consignment/inventory/products_new.php block 1 ===== */

body{counter-reset: Serial;}
   .modal-lg {width: 175vh;}
   .soft_delete{margin-top: 11px;}
   .toolbar_2 .custom_tags{height: auto;}
   .grid-container {      display: flex;      flex-wrap: wrap;      justify-content: space-between;   }
   .grid-item {      width: calc(25% - 10px);       margin: 5px;      background-color: #f2f2f2;      padding: 10px;      box-sizing: border-box;   }

   /* .grid-container {    display: flex;    justify-content: space-between;    overflow-x: scroll;}
   .grid-item {    margin: 5px;    flex: 0 0 20%;    background-color: #f2f2f2;    padding: 10px;    box-sizing: border-box;} */
   label.form-check-label.select_all_label {    font-weight: bolder;}
   /* .available{background-color: #f2f2f2;padding: 10px; box-sizing: border-box;} */

/* ===== END inline style from consignment/inventory/products_new.php block 1 ===== */


/* ===== BEGIN inline style from consignment/inventory/product_movement_history.php block 1 ===== */

.order{
        
    }
    .po{}

/* ===== END inline style from consignment/inventory/product_movement_history.php block 1 ===== */


/* ===== BEGIN inline style from consignment/inventory/view_product.php block 1 ===== */

.clear_tags_class_main {
    padding: 16px 0;
}

/* ===== END inline style from consignment/inventory/view_product.php block 1 ===== */


/* ===== BEGIN inline style from consignment/purchaseorder/po_form.php block 1 ===== */

table { page-break-inside:auto }
	tr{ page-break-inside:avoid; page-break-after:auto }
	.table>tbody>tr>td{
		vertical-align: middle;
	}
	.preserve-whitespace {  white-space: pre-wrap;}
	.selectedselected {display: none;}
	.change_quantity_after_receive_form{display: none;}
	.change_quantity_after_receive_form_show {	
		position: fixed;
		border-radius: 11px;
		width: 500px;
		top: 50%;
		padding: 75px 50px;
		background: white;
		border: 1px solid #eaeaea;
		display: block;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 9;
	}
	.change_quantity_after_receive_form_show_overlay::before {	background: rgba(0, 0, 0, 0.5);	width: 100%;	height: 100%;	content: "";	left: 0;	top: 0;	position: fixed;	z-index: 2;}
	.change_quantity_after_receive_form_close{
		float: right;
		font-size: var(--wc-fs-22);
		position: absolute;
		right: 15px;
		top: 15px;
		padding: 0 10px 3px;
		color: #fff;
		cursor: pointer;
		background: #F73D34;
		border-radius: 8px;
	}
	.after_receive_class {margin-bottom: 10px;}
	.change_quantity_after_receive, .partially_cancle_product_from_po, .backtostockclasscheckbox, .splitproduct {background: none;border: none;margin-top: 4px;}
	.change_quantity_after_confirm_form{display: none;}
	.change_quantity_after_confirm_form_show {	position: fixed;	width: 500px;	top: 50%;	padding: 30px;	background: white;	border: 1px solid #eaeaea;	display: block;	left: 50%;	transform: translate(-50%, -50%);	z-index: 9;}
	.change_quantity_after_confirm_form_show_overlay::before {	background: rgba(0, 0, 0, 0.5);	width: 100%;	height: 100%;	content: "";	left: 0;	top: 0;	position: fixed;	z-index: 2;}
	.change_quantity_after_confirm_form_close{float: right;font-size: var(--wc-fs-30);position: absolute;right: 8px;top: 0;color: #ddd;cursor: pointer;}
	.after_confirm_class {margin-bottom: 10px;}
	.update_payment_status_form{display: none;}
	.update_payment_status_form_show {	position: fixed;	width: 500px;	top: 50%;	padding: 30px;	background: white;	border: 1px solid #eaeaea;	display: block;	left: 50%;	transform: translate(-50%, -50%);	z-index: 9;}
	.update_payment_status_form_show_overlay::before {	background: rgba(0, 0, 0, 0.5);	width: 100%;	height: 100%;	content: "";	left: 0;	top: 0;	position: fixed;	z-index: 2;}
	.update_payment_status_form_close{float: right;font-size: var(--wc-fs-30);position: absolute;right: 8px;top: 0;color: #ddd;cursor: pointer;}

	/* split function */
		.split_product{display: none;}
		.split_product_show {
			position: fixed;
			border-radius: 11px;
			width: 500px;
			top: 50%;
			padding: 75px 50px;
			background: white;
			border: 1px solid #eaeaea;
			display: block;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 9;
		}
		.split_product_show_overlay::before {	background: rgba(0, 0, 0, 0.5);	width: 100%;	height: 100%;	content: "";	left: 0;	top: 0;	position: fixed;	z-index: 2;}
		.split_product_close{
			float: right;
			font-size: var(--wc-fs-22);
			position: absolute;
			right: 15px;
			top: 15px;
			padding: 0 10px 3px;
			color: #fff;
			cursor: pointer;
			background: #F73D34;
			border-radius: 8px;
		}
	/* split function close */

	/* bcktostock function */
		.adjust_return_quantity{display: none;}
		.adjust_return_quantity_show {	position: fixed; border-radius: 11px; width: 500px;	top: 50%;	padding: 75px 50px;	background: white;	border: 1px solid #eaeaea;	display: block;	left: 50%;	transform: translate(-50%, -50%);	z-index: 9;}
		.adjust_return_quantity_show_overlay::before {	background: rgba(0, 0, 0, 0.5);	width: 100%;	height: 100%;	content: "";	left: 0;	top: 0;	position: fixed;	z-index: 2;}
		.adjust_return_quantity_close{float: right;font-size: var(--wc-fs-22);position: absolute;right: 15px;top: 15px; padding:0 10px 3px;color: #fff;cursor: pointer; background:#F73D34; border-radius:8px;}
	/* bcktostock function close */

	.after_confirm_class {margin-bottom: 10px;}
	.change_quantity_after_confirm {background: none;border: none;margin-top: 4px;}
	.backtostockclassinner {white-space: initial;}
	.split_producttr {pointer-events: none;color: gray;}
	.split_producttr a {color: gray;}
	.adjust_return_quantity h2 {
    	margin: 0 0 20px;
		font-size: var(--wc-fs-18);
		font-weight: 800;
	}
	.adjust_return_quantity .form-group input.backtostock_qty {
		border: 1px solid;
	}
	.adjust_return_quantity button.backtostocksubmit {
		font-weight: 700;
		background: #f73d34;
		color: #fff;
		border: 0;
		padding: 7px 27px;
		font-size: var(--wc-fs-14);
	}
	.change_quantity_after_receive_form_show button.btn{
		font-weight: 700;
		background: #f73d34;
		color: #fff;
		border: 0;
		padding: 7px 27px;
		font-size: var(--wc-fs-14);
	}
	.split_product_show h2 {
		margin: 0 0 20px;
		font-size: var(--wc-fs-18);
		font-weight: 800;
	}
	.split_product_show button.btn{
		font-weight: 700;
		background: #f73d34;
		color: #fff;
		border: 0;
		padding: 7px 27px;
		font-size: var(--wc-fs-14);
		margin:20px auto;
	}

/* ===== END inline style from consignment/purchaseorder/po_form.php block 1 ===== */


/* ===== BEGIN inline style from consignment/purchaseorder/po_view.php block 1 ===== */

@media print {
		@page {size: A4;margin: 10px 5px;} 
		html, body {width: 210mm;height: 282mm;font-size: var(--wc-fs-10);background: #FFF;overflow:visible;}
		body {padding-top:15mm;}
		table { page-break-inside:auto }
		tr    { page-break-inside:avoid; page-break-after:auto }
		thead { display:table-header-group; }
		tfoot { display:table-footer-group; }
		h4{font-size: var(--wc-fs-20);}
		h5{font-size: var(--wc-fs-14);}
		label{font-size: var(--wc-fs-10);}
		p{font-size: var(--wc-fs-10);}
		#Header, #Footer { display: none !important; }
	}

/* ===== END inline style from consignment/purchaseorder/po_view.php block 1 ===== */


/* ===== BEGIN inline style from consignment/sales_report/sales_report.php block 1 ===== */

body{counter-reset: Serial;}
   .modal-lg {width: 175vh;}
   .soft_delete{margin-top: 11px;}
   .toolbar_2 .custom_tags{height: auto;}
   .grid-container {      display: flex;      flex-wrap: wrap;      justify-content: space-between;   }
   .grid-item {      width: calc(20% - 10px);       margin: 5px;      background-color: #f2f2f2;      padding: 10px;      box-sizing: border-box;   }
   /* .grid-container {    display: flex;    justify-content: space-between;    overflow-x: scroll;}
   .grid-item {    margin: 5px;    flex: 0 0 20%;    background-color: #f2f2f2;    padding: 10px;    box-sizing: border-box;} */
   label.form-check-label.select_all_label {    font-weight: bolder;}
   /* .available{background-color: #f2f2f2;padding: 10px; box-sizing: border-box;} */
   .toolbar_2 .custom_tags {max-height: 200px;}

/* ===== END inline style from consignment/sales_report/sales_report.php block 1 ===== */


/* ===== BEGIN inline style from consignment/vendor/vendor_reporting_vendor.php block 1 ===== */

@media print {
    .d-print-none {
        display: none !important;
    }
}
.csv-export .d-print-none {
    display: none !important;
}
    .arrowdown, .arrowup {
        position: relative;margin-left: 12px;
    }
    .arrowdown:before {
        content: "";
        border-top: 5px dashed;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        position: absolute;
        left: -14px;
        top: 50%;
        transform: translateY(-4px);
    }    
    .arrowup:before {
        content: "";
        border-bottom: 5px dashed;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        position: absolute;
        left: -14px;
        top: 50%;
        transform: translateY(-4px);
    }
    button.btn-close {
        background: none;
        border: 0;
        position: absolute;
        right: 15px;
        top: 15px;
    }

/* ===== END inline style from consignment/vendor/vendor_reporting_vendor.php block 1 ===== */


/* ===== BEGIN inline style from consignment/vendor/vendor_reporting_vendor.php block 2 ===== */

@media print {
            @page {size: A4;margin: 10px 5px;} 
            html, body {width: 210mm;height: 282mm;font-size: var(--wc-fs-10);background: #FFF;overflow:visible;}
            body {padding-top:15mm;}
            table { page-break-inside:auto }
            tr    { page-break-inside:avoid; page-break-after:auto }
            thead { display:table-header-group; }
            tfoot { display:table-footer-group; }
            h4{font-size: var(--wc-fs-20);}
            h5{font-size: var(--wc-fs-14);}
            label{font-size: var(--wc-fs-10);}
            p{font-size: var(--wc-fs-10);}
            #Header, #Footer { display: none !important; }
        }
        table{table-layout: fixed;}

/* ===== END inline style from consignment/vendor/vendor_reporting_vendor.php block 2 ===== */


/* ===== BEGIN inline style from consignment/vendor/vendor_reporting_vendor_bckup220725.php block 1 ===== */

.arrowdown, .arrowup {
        position: relative;
    }
    .arrowdown:before {
        content: "";
        border-top: 5px dashed;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        position: absolute;
        left: -14px;
        top: 50%;
        transform: translateY(-4px);
    }    
    .arrowup:before {
        content: "";
        border-bottom: 5px dashed;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        position: absolute;
        left: -14px;
        top: 50%;
        transform: translateY(-4px);
    }

/* ===== END inline style from consignment/vendor/vendor_reporting_vendor_bckup220725.php block 1 ===== */


/* ===== BEGIN inline style from consignment/vendor/vendor_reporting_vendor_bckup220725.php block 2 ===== */

@media print {
            @page {size: A4;margin: 10px 5px;} 
            html, body {width: 210mm;height: 282mm;font-size: var(--wc-fs-10);background: #FFF;overflow:visible;}
            body {padding-top:15mm;}
            table { page-break-inside:auto }
            tr    { page-break-inside:avoid; page-break-after:auto }
            thead { display:table-header-group; }
            tfoot { display:table-footer-group; }
            h4{font-size: var(--wc-fs-20);}
            h5{font-size: var(--wc-fs-14);}
            label{font-size: var(--wc-fs-10);}
            p{font-size: var(--wc-fs-10);}
            #Header, #Footer { display: none !important; }
        }
        table{table-layout: fixed;}

/* ===== END inline style from consignment/vendor/vendor_reporting_vendor_bckup220725.php block 2 ===== */


/* ===== BEGIN inline style from customer/customer.php block 1 ===== */

.loader {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-10px, -10px);
      z-index: 9999;
   }

   body.loader-body:before {
      content: "";
      height: 100%;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: #c1c1c1;
      z-index: 999;
      opacity: 0.8;
   }

   .loader_msg {
      position: absolute;
      left: 39%;
      top: 60%;
      transform: translate(-10px, -10px);
      z-index: 9999;
      font-size: var(--wc-fs-25);
   }

/* ===== END inline style from customer/customer.php block 1 ===== */


/* ===== BEGIN inline style from customer/customer_addresses.php block 1 ===== */

/* body, input, textarea, button, select {
        font-size: var(--wc-fs-16);
        font-family: Open Sans,HelveticaNeue,Helvetica Neue,sans-serif;
        color: #3d4246;
        line-height: 1.5;
        background-color: #fef6ee;
    } */
    .main-content{
        padding-top: 55px;
    }
    p {
        color: #69727b;
        margin: 0 0 19.44444px;
    }
    p:last-child {
        margin-bottom: 0;
    }
    .btn--small {
        font-family: Open Sans,HelveticaNeue,Helvetica Neue,sans-serif !important;
        padding: 8px 10px !important;
        font-size: .75em !important;
        line-height: 1 !important;
    }
    .btn--secondary {
        background-color: #fff !important;
        color: #3d4246 !important;
        border: none !important;
    }
    a {
        color: #3d4246;
        text-decoration: none;
    }
    a, button, [role=button], input, label, select, textarea {
        touch-action: manipulation;
    }
    .page-width {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1170px;
        margin: 0 auto;
    }
    .section-header{
        margin-bottom: 55px;
    }
    h1, .h1 {
        font-size: 2.1875em;
        text-transform: none;
        letter-spacing: 0;
    }
    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
        margin: 0 0 17.5px;
        font-weight: 400;
        line-height: 1.2;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }
    .btn{
        background-color: #f73d34;
        border-color: #f73d34;
        color: #fff;
        font-family: Work Sans,HelveticaNeue,Helvetica Neue,sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .08em;
        white-space: normal;
        font-size: var(--wc-fs-14);
        border-radius: 2px;
        padding: 10px 18px;
        text-decoration: none;
    }
    .btn:hover{
        background-color: #c52d26;
        border-color: #c52d26;
        color: #fff;
        text-decoration: none !important;
    }
    .address {
        margin-bottom: 50px;
    }
    p {
        color: #69727b;
        margin: 0 0 19.44444px;
        font-size: var(--wc-fs-16);
    }
    .backBtn{
        font-size: var(--wc-fs-16);
        color: #000;
    }
    span.backBtn{
        display: block;
        text-align: left;
    }
    .section-header h1{
        margin: 0;
        font-weight: bold;
        font-size: var(--wc-fs-36);
        line-height: 36px;
        font-family: 'Lato', sans-serif
    }

/* ===== END inline style from customer/customer_addresses.php block 1 ===== */


/* ===== BEGIN inline style from customer/customer_detail.php block 1 ===== */

.wine-status,a{text-decoration:none}.wine-status,table.dataTable tbody td.dt-body-center,table.dataTable tbody th.dt-body-center,table.dataTable tfoot td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable thead th.dt-head-center,td,th{text-align:center}.wine-status,p{font-size: var(--wc-fs-16)}.collapsible-header{cursor:pointer;user-select:none}.collapsible-content{display:none}.collapsible-header h2{margin-left:30px}.triangle{display:inline-block;position:absolute;transition:transform .3s ease-out}.rotate-down{transform:rotate(90deg)}.loader,.loader_msg{position:absolute;transform:translate(-10px,-10px);z-index:9999}.wine-status{display:inline-block;padding:8px 15px;cursor:pointer;border:1px solid rgb(136 136 135);color:rgb(136 136 135);background-color:#fff;border-radius:5px;transition:background-color .3s,color .3s,border-color .3s}.wine-status:hover{background-color:#69727b;color:#fff}.grid-container{display:flex;width:100%}.grid__item{box-sizing:border-box;padding:20px}.btn--small,table.dataTable tbody td,table.dataTable tbody th{padding:8px 10px}.grid-item-70{width:100%}.grid-item-30{width:20%}.btn--small{font-family:Open Sans,HelveticaNeue,Helvetica Neue,sans-serif;font-size:.75em;line-height:1;color:#fff;background-color:#f73d34;font-weight:400;text-transform:uppercase;letter-spacing:.08em;white-space:normal}.btn--small:hover{background-color:red;color:#fff}.section-header{margin-bottom:55px}a{color:#3d4246}tr th{border:1px solid #000}table.dataTable td,table.dataTable th{box-sizing:content-box}table td{border:none;padding:0;vertical-align:top}table#meetthestaff th,td{border:none!important}table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting_desc_disabled,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable>thead>tr>td,table.dataTable>thead>tr>th{padding:10px;border-bottom:1px solid rgba(0,0,0,.3)}table.dataTable tfoot th,table.dataTable thead th{font-weight:700}.loader{left:50%;top:50%}body.loader-body:before{content:"";height:100%;width:100%;position:absolute;left:0;top:0;background:#c1c1c1;z-index:999;opacity:.8}.loader_msg{left:39%;top:60%;font-size: var(--wc-fs-25)}h1.customer_name{font-family:'Old Standard TT',serif;font-size: var(--wc-fs-36);font-weight:700}.dt-buttons{padding-bottom:10px}.container{padding-right:0;padding-left:0}

/* ===== END inline style from customer/customer_detail.php block 1 ===== */


/* ===== BEGIN inline style from customer/customer_detail_old.php block 1 ===== */

.wine-status,a{text-decoration:none}.wine-status,table.dataTable tbody td.dt-body-center,table.dataTable tbody th.dt-body-center,table.dataTable tfoot td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable thead th.dt-head-center,td,th{text-align:center}.wine-status,p{font-size: var(--wc-fs-16)}.collapsible-header{cursor:pointer;user-select:none}.collapsible-content{display:none}.collapsible-header h2{margin-left:30px}.triangle{display:inline-block;position:absolute;transition:transform .3s ease-out}.rotate-down{transform:rotate(90deg)}.loader,.loader_msg{position:absolute;transform:translate(-10px,-10px);z-index:9999}.wine-status{display:inline-block;padding:8px 15px;cursor:pointer;border:1px solid rgb(136 136 135);color:rgb(136 136 135);background-color:#fff;border-radius:5px;transition:background-color .3s,color .3s,border-color .3s}.wine-status:hover{background-color:#69727b;color:#fff}.grid-container{display:flex;width:100%}.grid__item{box-sizing:border-box;padding:20px}.btn--small,table.dataTable tbody td,table.dataTable tbody th{padding:8px 10px}.grid-item-70{width:100%}.grid-item-30{width:20%}.btn--small{font-family:Open Sans,HelveticaNeue,Helvetica Neue,sans-serif;font-size:.75em;line-height:1;color:#fff;background-color:#f73d34;font-weight:400;text-transform:uppercase;letter-spacing:.08em;white-space:normal}.btn--small:hover{background-color:red;color:#fff}.section-header{margin-bottom:55px}a{color:#3d4246}tr th{border:1px solid #000}table.dataTable td,table.dataTable th{box-sizing:content-box}table td{border:none;padding:0;vertical-align:top}table#meetthestaff th,td{border:none!important}table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting_desc_disabled,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable>thead>tr>td,table.dataTable>thead>tr>th{padding:10px;border-bottom:1px solid rgba(0,0,0,.3)}table.dataTable tfoot th,table.dataTable thead th{font-weight:700}.loader{left:50%;top:50%}body.loader-body:before{content:"";height:100%;width:100%;position:absolute;left:0;top:0;background:#c1c1c1;z-index:999;opacity:.8}.loader_msg{left:39%;top:60%;font-size: var(--wc-fs-25)}h1.customer_name{font-family:'Lato', sans-serif;font-size: var(--wc-fs-36);font-weight:700}.dt-buttons{padding-bottom:10px}.container{padding-right:0;padding-left:0}

/* ===== END inline style from customer/customer_detail_old.php block 1 ===== */


/* ===== BEGIN inline style from function/purchase_order.php block 1 ===== */

.main{padding: 10px;width: 180px;margin: auto;}

/* ===== END inline style from function/purchase_order.php block 1 ===== */


/* ===== BEGIN inline style from function/purchase_order_consignment.php block 1 ===== */

.main{padding: 10px;width: 180px;margin: auto;}

/* ===== END inline style from function/purchase_order_consignment.php block 1 ===== */


/* ===== BEGIN inline style from inventory/assign_tags.php block 1 ===== */

.delete_tags_key_value_class {
      border: none;
      background: #fff;
   }

/* ===== END inline style from inventory/assign_tags.php block 1 ===== */


/* ===== BEGIN inline style from inventory/bulk_assign_tags.php block 1 ===== */

#add_form_fields_holder {margin-bottom: 12px;}

/* ===== END inline style from inventory/bulk_assign_tags.php block 1 ===== */


/* ===== BEGIN inline style from inventory/calculations.php block 1 ===== */

.calc-page {
    font-family: 'Lato', sans-serif;
    padding: 0 0 32px;
    box-sizing: border-box;
}
.calc-page .calc-hero {
    margin-bottom: 24px;
}
.calc-page .calc-hero h1 {
    font-family: 'Lato', sans-serif
    font-weight: 600;
    color: #222;
    margin: 0 0 8px 0;
    font-size: var(--wc-fs-28);
}
.calc-page .calc-hero .lead {
    color: #555;
    font-size: var(--wc-fs-15);
    line-height: 1.5;
    margin: 0 0 12px 0;
    max-width: 720px;
}
.calc-page .product-chip {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    font-size: var(--wc-fs-14);
    color: #444;
}
.calc-page .product-chip strong { color: #222; }
.calc-page .product-chip .sku { color: #666; font-weight: 500; }
.calc-page .back-link {
    color: #666;
    font-size: var(--wc-fs-13);
    margin-bottom: 16px;
    display: inline-block;
}
.calc-page .back-link:hover { color: #F73D34; text-decoration: none; }
.calc-page .card {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
    margin-bottom: 20px;
    overflow: hidden;
    background: #fff;
}
.calc-page .card-head {
    background: linear-gradient(180deg, #fafafa 0%, #f3f3f3 100%);
    padding: 14px 20px;
    border-bottom: 1px solid #e8e8e8;
    font-weight: 600;
    color: #333;
    font-size: var(--wc-fs-15);
}
.calc-page .card-head small {
    display: block;
    font-weight: 400;
    color: #666;
    font-size: var(--wc-fs-13);
    margin-top: 4px;
}
.calc-page .card-body { padding: 20px; }
.calc-page .legend-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px 24px;
    font-size: var(--wc-fs-13);
    color: #444;
    line-height: 1.45;
}
.calc-page .legend-item {
    padding-left: 14px;
    border-left: 4px solid #ccc;
}
.calc-page .legend-item.legend-frontend { border-left-color: #64b5f6; }
.calc-page .legend-item.legend-total { border-left-color: #42a5f5; }
.calc-page .legend-item.legend-sale { border-left-color: #ffa726; }
.calc-page .legend-item.legend-preorder { border-left-color: #66bb6a; }
.calc-page .legend-item.legend-event { border-left-color: #ab47bc; }
.calc-page .legend-item strong { display: block; color: #222; margin-bottom: 4px; font-size: var(--wc-fs-13); }
.calc-page .table-responsive-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 -4px;
    padding: 4px;
}
.calc-page .history-table {
    width: 100%;
    min-width: 1100px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: var(--wc-fs-12);
    text-align: center;
}
.calc-page .history-table thead th {
    padding: 8px 6px;
    font-weight: 600;
    color: #333;
    border: 1px solid #ddd;
    background: #f0f0f0;
    vertical-align: middle;
    line-height: 1.25;
}
.calc-page .history-table thead tr.calc-head-groups th {
    font-size: var(--wc-fs-11);
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #444;
    padding: 10px 6px;
}
.calc-page .history-table tbody td {
    padding: 8px 6px;
    border: 1px solid #e8e8e8;
    vertical-align: middle;
}
.calc-page .history-table tbody tr:hover td { background: rgba(247, 61, 52, .06); }
.calc-page .num {
    font-variant-numeric: tabular-nums;
    font-family: 'Lato', 'Lato', sans-serif;
}
.calc-page .calc-sticky {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
    box-shadow: 2px 0 6px rgba(0,0,0,.04);
}
.calc-page .history-table thead .calc-sticky {
    z-index: 3;
    background: #ececec;
}
.calc-page .col-frontend { background: #e3f2fd !important; }
.calc-page .col-total { background: #bbdefb !important; }
.calc-page .col-sale { background: #fff3e0 !important; }
.calc-page .col-preorder { background: #e8f5e9 !important; }
.calc-page .col-action { background: #f3e5f5 !important; }
.calc-page .badge-yes { background: #43a047; color: #fff; padding: 2px 8px; border-radius: 4px; font-size: var(--wc-fs-11); font-weight: 600; }
.calc-page .badge-no { background: #9e9e9e; color: #fff; padding: 2px 8px; border-radius: 4px; font-size: var(--wc-fs-11); font-weight: 600; }
.calc-page .calc-row-default td.calc-sticky { background: #fafafa; }
.calc-page .calc-row-po td.calc-sticky { background: #e8f4fd; }
.calc-page .calc-row-order td.calc-sticky { background: #e8f5e9; }
.calc-page .calc-row-intransit td.calc-sticky { background: #fffde7; }
.calc-page .calc-row-received td.calc-sticky { background: #e0f2f1; }
.calc-page .calc-row-preorder-update td.calc-sticky { background: #e0f7fa; }
.calc-page .calc-row-cancel td.calc-sticky,
.calc-page .calc-row-pocancel td.calc-sticky { background: #ffebee; }
.calc-page .empty-state {
    text-align: center;
    padding: 48px 24px;
    color: #666;
}
.calc-page .empty-state p { margin: 0 0 12px 0; font-size: var(--wc-fs-15); }
.calc-page .empty-state code { background: #f5f5f5; padding: 2px 6px; border-radius: 4px; }
.calc-page .row-meta { font-size: var(--wc-fs-12); color: #888; margin-top: 8px; }

/* Calculations page redesign (wc-page + hero + legend) */
.wc-calc-history-page.calc-page {
    padding-left: 0;
    padding-right: 0;
}
.calc-page .calc-card-surface {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px;
}
.calc-page .wc-page-card.wc-calc-hero-card,
.calc-page .wc-page-card.wc-calc-table-card {
    padding: 15px;
}
.calc-page .wc-calc-hero-card {
    padding: 22px 24px 20px;
}
.calc-page .wc-calc-table-card {
    margin-bottom: 32px;
}
.calc-page .calc-hero-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px 28px;
}
.calc-page .calc-hero-titles {
    flex: 1 1 320px;
    min-width: 0;
    padding: 10px;
}
.calc-page .wc-calc-kicker {
    margin: 0 0 6px 0;
    font-size: var(--wc-fs-11);
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #888;
}
.calc-page .wc-calc-title {
    font-family: 'Lato', sans-serif
    font-weight: 600;
    color: #222;
    margin: 0 0 10px 0;
    font-size: var(--wc-fs-28);
    line-height: 1.2;
}
.calc-page .wc-calc-lead {
    color: #555;
    font-size: var(--wc-fs-14);
    line-height: 1.55;
    margin: 0;
    max-width: 640px;
}
.calc-page .calc-product-meta {
    flex: 0 1 300px;
    padding: 14px 16px;
    background: linear-gradient(180deg, #fafafa 0%, #f4f4f4 100%);
    border: 1px solid #e8e8e8;
    border-radius: 8px;
}
.calc-page .calc-product-meta--muted {
    opacity: .9;
}
.calc-page .calc-product-title {
    font-weight: 600;
    color: #222;
    font-size: var(--wc-fs-15);
    margin-bottom: 8px;
    line-height: 1.35;
}
.calc-page .calc-product-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.calc-page .calc-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: var(--wc-fs-12);
    background: #fff;
    border: 1px solid #ddd;
    color: #444;
}
.calc-page .calc-badge-sku { font-weight: 600; }
.calc-page .calc-badge-variant { border-style: dashed; }
.calc-page .calc-stat-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #ececec;
}
.calc-page .calc-stat-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 140px;
    padding: 12px 16px;
    border-radius: 8px;
    background: #f7f7f7;
    border: 1px solid #ebebeb;
}
.calc-page .calc-stat-item--emphasis {
    background: linear-gradient(135deg, #fff8f7 0%, #fff 100%);
    border-color: rgba(247, 61, 52, .25);
}
.calc-page .calc-stat-label {
    font-size: var(--wc-fs-11);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #777;
    font-weight: 600;
}
.calc-page .calc-stat-value {
    font-size: var(--wc-fs-22);
    font-weight: 700;
    color: #222;
    font-variant-numeric: tabular-nums;
    font-family: 'Lato', sans-serif;
}
.calc-page .wc-calc-card-head {
    background: linear-gradient(180deg, #fafafa 0%, #f3f3f3 100%);
    padding: 14px 20px;
    border-bottom: 1px solid #e8e8e8;
    font-weight: 600;
    color: #333;
    font-size: var(--wc-fs-15);
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px 16px;
}
.calc-page .wc-calc-card-head small {
    display: block;
    font-weight: 400;
    color: #666;
    font-size: var(--wc-fs-13);
}
.calc-page .wc-calc-card-body {
    padding: 20px;
}
.calc-page .calc-legend-panel {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
}
.calc-page .calc-legend-heading {
    margin: 0 0 10px 0;
    font-size: var(--wc-fs-12);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #666;
}
.calc-page .calc-legend-heading--rows {
    margin-top: 18px;
}
.calc-page .calc-event-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
}
.calc-page .calc-evt-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--wc-fs-12);
    color: #444;
}
.calc-page .calc-evt-chip .calc-swatch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,.08);
    flex-shrink: 0;
}
.calc-page .calc-evt-default .calc-swatch { background: #fafafa; }
.calc-page .calc-evt-po .calc-swatch { background: #e8f4fd; }
.calc-page .calc-evt-order .calc-swatch { background: #e8f5e9; }
.calc-page .calc-evt-intransit .calc-swatch { background: #fffde7; }
.calc-page .calc-evt-received .calc-swatch { background: #e0f2f1; }
.calc-page .calc-evt-preorder .calc-swatch { background: #e0f7fa; }
.calc-page .calc-evt-cancel .calc-swatch { background: #ffebee; }
.calc-page .wc-calc-when {
    white-space: nowrap;
    font-size: var(--wc-fs-11);
    color: #333;
}

@media (max-width: 768px) {
    .calc-page .card-body { padding: 14px; }
    .calc-page .wc-calc-card-body { padding: 14px; }
    .calc-page .history-table { font-size: var(--wc-fs-11); }
    .calc-page .wc-calc-hero-card { padding: 16px; }
}

/* ===== END inline style from inventory/calculations.php block 1 ===== */


/* ===== BEGIN inline style from inventory/comparison_between_systems.php block 1 ===== */

.loader {  position: absolute;  left: 50%;  top: 50%;  transform: translate(-10px, -10px);  z-index: 9999;}
    body.loader-body:before {  content: "";  height: 100%;  width: 100%;  position: absolute;  left: 0;  top: 0;  background: #c1c1c1;  z-index: 999;  opacity: 0.8;}
    .table.dataTable td {	text-align:left!important;}
    .loader_msg{    position: absolute;    left: 39%;    top: 60%;    transform: translate(-10px, -10px);    z-index: 9999;    font-size: var(--wc-fs-25);}
    #showonlyerrors {  margin: 0 6px;}

/* ===== END inline style from inventory/comparison_between_systems.php block 1 ===== */


/* ===== BEGIN inline style from inventory/products_new.php block 1 ===== */

body{counter-reset: Serial;}
   .modal-lg {width: 175vh;}
   .soft_delete{margin-top: 11px;}
   .toolbar_2 .custom_tags{height: auto;}
   .grid-container {      display: flex;      flex-wrap: wrap;      justify-content: space-between;   }
   .grid-item {      width: calc(25% - 10px);       margin: 5px;      background-color: #f2f2f2;      padding: 10px;      box-sizing: border-box;   }
   /* .grid-container {    display: flex;    justify-content: space-between;    overflow-x: scroll;}
   .grid-item {    margin: 5px;    flex: 0 0 20%;    background-color: #f2f2f2;    padding: 10px;    box-sizing: border-box;} */
   label.form-check-label.select_all_label,label.form-check-label.tag_no_label {    font-weight: bolder;}
   .total_value_div{float: right;    font-family: 'Lato', sans-serif;    font-size: var(--wc-fs-17);    font-weight: bold;}
   .total_value{}
   /* .available{background-color: #f2f2f2;padding: 10px; box-sizing: border-box;} */

/* ===== END inline style from inventory/products_new.php block 1 ===== */


/* ===== BEGIN inline style from inventory/products_new.php block 1 ===== */

body{counter-reset: Serial;}
   .modal-lg {width: 175vh;}
   .soft_delete{margin-top: 11px;}
   .toolbar_2 .custom_tags{height: auto;}
   .grid-container {      display: flex;      flex-wrap: wrap;      justify-content: space-between;   }
   .grid-item {      width: calc(25% - 10px);       margin: 5px;      background-color: #f2f2f2;      padding: 10px;      box-sizing: border-box;   }
   /* .grid-container {    display: flex;    justify-content: space-between;    overflow-x: scroll;}
   .grid-item {    margin: 5px;    flex: 0 0 20%;    background-color: #f2f2f2;    padding: 10px;    box-sizing: border-box;} */
   label.form-check-label.select_all_label,label.form-check-label.tag_no_label {    font-weight: bolder;}
   .total_value_div{float: right;    font-family: 'Lato', sans-serif;    font-size: var(--wc-fs-17);    font-weight: bold;}
   .total_value{}
   /* .available{background-color: #f2f2f2;padding: 10px; box-sizing: border-box;} */

/* ===== END inline style from inventory/products_new.php block 1 ===== */


/* ===== BEGIN inline style from inventory/products_new_css.php block 1 ===== */

/* Serial counter for table S.no. column */
   body { counter-reset: Serial; }

   /* Bulk Tag Assign modal */
   .modal-lg {
      width: 175vh;
      max-width: 95vw;
   }

   .soft_delete { margin-top: 11px; }

   /* Filter bar: tag checkboxes (override common.css height so content fits) */
   .products-listing-page .toolbar_2 .custom_tags {
      height: auto;
   }

   /* ----- 1. WAYFINDING & FILTER SECTION ----- */
   .products-listing-page .listingSelect_bar_2 .grid-container,
   .products-listing-page .toolbar_2 .grid-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 16px;
   }

   .products-listing-page .grid-item,
   .products-listing-page .toolbar_2 .grid-item {
      width: calc(16.666% - 10px);
      margin: 0;
      padding: 10px;
      background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);
      box-sizing: border-box;
      border-radius: 8px;
      border: 1px solid #ececec;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
   }

   .products-listing-page .grid-item label.mb-1,
   .products-listing-page .toolbar_2 .grid-item label.mb-1 {
      display: block;
      margin-bottom: 10px;
      font-size: 0.9rem;
      font-weight: 600;
      color: #495057;
   }
    .products-listing-page .toolbar_2 .custom_tags, .products-listing-page .toolbar_2 .product_typee,
    .sales-report-page .toolbar_2 .custom_tags,
     .sales-report-page .toolbar_2 .product_typee,
     .sales-report-page .toolbar_2 .shopify_tags,
     .sales-report-page .toolbar_2 .c_uniqueArray
      {
        scrollbar-width: thin;         
        scrollbar-color: #ababab #f1f1f1;
    }


   .products-listing-page .grid-item .form-check,
   .products-listing-page .toolbar_2 .grid-item .form-check,
   .sales-report-page .toolbar_2 .grid-item .form-check  {
      margin-bottom: 5px;
      padding-left: 0;
   }

   .products-listing-page .grid-item .form-control#search_product {
      min-height: 60px;
      resize: vertical;
   }

   .products-listing-page .grid-item .resetText,
   .products-listing-page .toolbar_2 .grid-item .resetText {
      display: inline-block;
      margin-top: 8px;
      padding: 4px 10px;
      border-radius: 4px;
      border: 1px solid #F73D34;
   }

   label.form-check-label.select_all_label,
   label.form-check-label.tag_no_label {
      font-weight: 700;
      color: #212529;
   }

   /* ----- 2. PAGE HEADER ----- */
   .products-listing-page .page-header {
      margin-bottom: 24px;
      padding-bottom: 20px;
      border-bottom: 1px solid #dee2e6;
   }

   .products-listing-page .page-header h1 {
      font-size: var(--wc-fs-28);
      margin-bottom: 4px;
   }

   .products-listing-page .page-header p {
      margin: 0;
      font-size: var(--wc-fs-14);
      color: #6c757d;
   }

   .products-listing-page .page-header .col-md-6[style*="text-align:right"] {
      display: flex;
      align-items: center;
      justify-content: flex-end;
   }

   .products-listing-page .listingBtn#product_sunc_button {
      margin-left: 0;
   }

   /* ----- 3. ACTIONS BAR (Show/hide + Bulk Tag Assign + Totals) ----- */
   .products-listing-page .show_hide {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 16px 24px;
      margin: 16px 0;
      padding: 14px 18px;
      background: #f8f9fa;
      border-radius: 8px;
      border: 1px solid #dee2e6;
      font-size: var(--wc-fs-16);
   }

   .products-listing-page .show_hide .tag_assign_btn {
      margin-right: 8px;
      font-weight: 700;
   }

   .products-listing-page .show_hide .show_hide_toggles {
      display: inline-flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 4px 16px;
   }

   .products-listing-page .show_hide .show_hide_toggles .toggle-vis {
      margin: 0;
      vertical-align: middle;
   }

   .products-listing-page .show_hide .show_hide_toggles label {
      margin: 0 4px 0 0;
      font-weight: 500;
      font-size: 0.875rem;
      cursor: pointer;
   }

   .products-listing-page .total_value_div {
      margin-left: auto;
      float: none;
      font-family: 'Lato', sans-serif;
      font-size: var(--wc-fs-17);
      font-weight: bold;
      padding: 10px 14px;
      background: #fff;
      border-radius: 6px;
      border: 1px solid #dee2e6;
      box-shadow: 0 1px 2px rgba(0,0,0,0.05);
   }

   /* ----- 4. TABLE ----- */
   .products-listing-page #product_listing_wrapper {
      border-radius: 8px;
      overflow: hidden;
      border: 1px solid #dee2e6;
   }

   .products-listing-page #product_listing thead th {
      background: #495057;
      color: #fff;
      font-weight: 600;
      padding: 12px 10px;
      border-color: #495057;
   }

   .products-listing-page #product_listing tbody tr:hover {
      background-color: #f8f9fa;
   }

   .products-listing-page .listingExport {
      margin-bottom: 12px;
   }

   /* ----- 5. BULK TAG ASSIGN MODAL ----- */
   .products-listing-page #stockdiv .modal-content {
      border-radius: 8px;
      border: 1px solid #dee2e6;
   }

   .products-listing-page #stockdiv .modal-body .row {
      margin: 0 -10px;
   }

   .products-listing-page #stockdiv .modal-body .left {
      padding: 10px;
   }

   .products-listing-page #stockdiv .modal-body .right {
      padding: 16px;
      background: #f8f9fa;
      border-left: 1px solid #dee2e6;
   }

   .products-listing-page #stockdiv .modal-body h3 {
      margin: 0 0 16px;
      font-size: 1.25rem;
   }

   .products-listing-page #stockdiv .select_tag {
      margin-bottom: 10px;
   }

   .products-listing-page .table_on_popup {
      margin: 0;
   }

   .products-listing-page .table_on_popup thead th {
      background: #495057;
      color: #fff;
      padding: 8px 10px;
      font-size: 0.875rem;
   }

   /* ----- 6. RESPONSIVE ----- */
   @media (max-width: 1600px) {
      .products-listing-page .grid-item,
      .products-listing-page .toolbar_2 .grid-item {
         width: calc(20% - 10px);
      }
   }

   @media (max-width: 1300px) {
      .products-listing-page .grid-item,
      .products-listing-page .toolbar_2 .grid-item {
         width: calc(33.333% - 10px);
      }
   }

   @media (max-width: 992px) {
      .products-listing-page .grid-item,
      .products-listing-page .toolbar_2 .grid-item {
         width: calc(50% - 8px);
      }
   }

   @media (max-width: 768px) {
      .products-listing-page .grid-item,
      .products-listing-page .toolbar_2 .grid-item {
         width: 100%;
      }

      .products-listing-page .show_hide {
         flex-direction: column;
         align-items: flex-start;
      }

      .products-listing-page .total_value_div {
         margin-left: 0;
         width: 100%;
      }

      .products-listing-page .page-header .row > [class*="col-"] {
         margin-bottom: 12px;
      }

      .products-listing-page .page-header .col-md-6[style*="text-align:right"] {
         justify-content: flex-start;
      }
   }

/* ===== END inline style from inventory/products_new_css.php block 1 ===== */


/* ===== BEGIN inline style from inventory/product_movement_history_old.php block 1 ===== */

.order{}
    .po{}

/* ===== END inline style from inventory/product_movement_history_old.php block 1 ===== */


/* ===== BEGIN inline style from inventory/view_product.php block 1 ===== */

.clear_tags_class_main {padding: 16px 0;}

/* ===== END inline style from inventory/view_product.php block 1 ===== */


/* ===== BEGIN inline style from inventory_compare/inventory_checker_view.php block 1 ===== */

body{counter-reset: Serial;}
   .page-stripe{margin-bottom: 20px;}

/* ===== END inline style from inventory_compare/inventory_checker_view.php block 1 ===== */


/* ===== BEGIN inline style from purchaseorder/index.php block 1 ===== */

.daterangetime {
		display: none;
	}

	.daterangetimeinner .icon {
		align-items: center;
		display: flex
	}
    #po_listing_filter input.form-control.form-control-sm {
        border: 0;
        margin-left: 30px;
    }
	.top {
		margin-bottom: 20px;
		justify-content: end;
        align-items: flex-start;
		display: flex
	}
    .top .dt-buttons{
        padding-bottom: 0;
    }
	.daterangetimeinner {
		display: flex;
		align-items: flex-end
	}

	.daterangetimeinner input {
		width: 110px;
		margin: 0 10px;
		height: 35px;
		border-radius: 4px;
		border: 1px solid #eaeaea
	}

	.daterangetimeinner2 {
		margin: 0 10px
	}

	.daterangetimeinner .icon svg {
		stroke: #F73D34;
		fill: #F73D34
	}

	.daterangetimeinner .icon {
		height: 35px
	}

	.top #po_listing_filter {
		margin-bottom: 0;
		margin-left: 15px
	}

	.daterangetimeinner_to {
		margin-left: 10px;
		height: 35px;
		display: flex;
		align-items: center
	}

	.top .dt-buttons button.dt-button.buttons-csv {
		margin-left: 10px
	}

	.popover_div {
		border-radius: 14px;
		box-shadow: 0px 0px 59px -20px #a3a3a3;
		padding: 30px;
		border: 2px solid #000;
		height: 400px;
	}

	.popover_div h2 {
		font-family: 'Lato', sans-serif;
		font-weight: 600;
	}

	.popover_div ul {
		padding-left: 20px;
	}

	.popover_div ul ol {
		font-family: 'Lato', sans-serif;
		line-height: 28px;
		font-size: var(--wc-fs-16);
	}

	.popover_button {
		border: none;
		background-color: #fff;
		padding: 0;
		margin: 0;
		text-align: left;
		width: 100%;
		height: auto;
	}

	.selected .popover_button {
		background-color: #b0bed9;
	}

/* ===== END inline style from purchaseorder/index.php block 1 ===== */


/* ===== BEGIN inline style from purchaseorder/index_copy.php block 1 ===== */

.daterangetime{display: none;}
	.daterangetimeinner .icon,.top{align-items:center;display:flex}
	.top{margin-bottom:20px;justify-content:end}
	.daterangetimeinner{display:flex;align-items:flex-end}
	.daterangetimeinner input{width: 110px;margin:0 10px;height:35px;border-radius:4px;border:1px solid #eaeaea}
	.daterangetimeinner2{margin:0 10px}
	.daterangetimeinner .icon svg{stroke:#F73D34;fill:#F73D34}
	.daterangetimeinner .icon{height:35px}.top #po_listing_filter{margin-bottom:0;margin-left:15px}
	.daterangetimeinner_to{margin-left:10px;height:35px;display:flex;align-items:center}
	.top .dt-buttons button.dt-button.buttons-csv{margin-left:10px}
	.popover_div {		border-radius: 14px;		box-shadow: 0px 0px 59px -20px #a3a3a3;		padding: 30px;		border: 2px solid #000;		height: 400px;	}
	.popover_div h2 {		font-family: 'Lato', sans-serif;		font-weight: 600;	}
	.popover_div ul {		padding-left: 20px;	}
	.popover_div ul ol {		font-family: 'Lato', sans-serif;		line-height: 28px;		font-size: var(--wc-fs-16);	}
	.popover_button {    border: none;    background-color: #fff;    padding: 0;    margin: 0;    text-align: left;    width: 100%;    height: auto;}

/* ===== END inline style from purchaseorder/index_copy.php block 1 ===== */


/* ===== BEGIN inline style from purchaseorder/po_copy.php block 1 ===== */

table {
		page-break-inside: auto
	}

	tr {
		page-break-inside: avoid;
		page-break-after: auto
	}

	.preserve-whitespace {
		white-space: pre-wrap;
	}

	.selectedselected {
		display: none;
	}

	.change_quantity_after_receive_form {
		display: none;
	}

	.change_quantity_after_receive_form_show {
		position: fixed;
		width: 500px;
		top: 50%;
		padding: 30px;
		background: white;
		border: 1px solid #eaeaea;
		display: block;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 9;
	}

	.change_quantity_after_receive_form_show_overlay::before {
		background: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100%;
		content: "";
		left: 0;
		top: 0;
		position: fixed;
		z-index: 2;
	}

	.change_quantity_after_receive_form_close {
		float: right;
		font-size: var(--wc-fs-30);
		position: absolute;
		right: 8px;
		top: 0;
		color: #ddd;
		cursor: pointer;
	}

	.after_receive_class {
		margin-bottom: 10px;
	}

	.change_quantity_after_receive {
		background: none;
		border: none;
		margin-top: 4px;
	}

	.change_quantity_after_confirm_form {
		display: none;
	}

	.change_quantity_after_confirm_form_show {
		position: fixed;
		width: 500px;
		top: 50%;
		padding: 30px;
		background: white;
		border: 1px solid #eaeaea;
		display: block;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 9;
	}

	.change_quantity_after_confirm_form_show_overlay::before {
		background: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100%;
		content: "";
		left: 0;
		top: 0;
		position: fixed;
		z-index: 2;
	}

	.change_quantity_after_confirm_form_close {
		float: right;
		font-size: var(--wc-fs-30);
		position: absolute;
		right: 8px;
		top: 0;
		color: #ddd;
		cursor: pointer;
	}

	.after_confirm_class {
		margin-bottom: 10px;
	}

	.change_quantity_after_confirm {
		background: none;
		border: none;
		margin-top: 4px;
	}
    
	.table>tbody>tr>td{
		vertical-align: middle;
	}

/* ===== END inline style from purchaseorder/po_copy.php block 1 ===== */


/* ===== BEGIN inline style from purchaseorder/po_form.php block 1 ===== */

table {
		page-break-inside: auto
	}

	tr {
		page-break-inside: avoid;
		page-break-after: auto
	}

	.preserve-whitespace {
		white-space: pre-wrap
	}

	.change_quantity_after_confirm_form,
	.change_quantity_after_receive_form,
	.selectedselected {
		display: none
	}

	.change_quantity_after_confirm_form_show,
	.change_quantity_after_receive_form_show {
		position: fixed;
		width: 500px;
		top: 50%;
		padding: 30px;
		background: #fff;
		border: 1px solid #eaeaea;
		display: block;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 9
	}

	.change_quantity_after_confirm_form_show_overlay::before,
	.change_quantity_after_receive_form_show_overlay::before {
		background: rgba(0, 0, 0, .5);
		width: 100%;
		height: 100%;
		content: "";
		left: 0;
		top: 0;
		position: fixed;
		z-index: 2
	}

	.change_quantity_after_confirm_form_close,
	.change_quantity_after_receive_form_close {
		float: right;
		font-size: var(--wc-fs-30);
		position: absolute;
		right: 8px;
		top: 0;
		color: #ddd;
		cursor: pointer
	}

	.after_confirm_class,
	.after_receive_class {
		margin-bottom: 10px
	}

	.change_quantity_after_confirm,
	.change_quantity_after_receive {
		background: 0 0;
		border: none;
		margin-top: 4px
	}

	.table>tbody>tr>td {
		vertical-align: middle
	}
	/* split_product */
	.split_product{display: none;}
		.split_product_show {
			position: fixed;
			border-radius: 11px;
			width: 500px;
			top: 50%;
			padding: 75px 50px;
			background: white;
			border: 1px solid #eaeaea;
			display: block;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 9;
		}
		.split_product_show_overlay::before {	background: rgba(0, 0, 0, 0.5);	width: 100%;	height: 100%;	content: "";	left: 0;	top: 0;	position: fixed;	z-index: 2;}
		.split_product_close{
			float: right;
			font-size: var(--wc-fs-22);
			position: absolute;
			right: 15px;
			top: 15px;
			padding: 0 10px 3px;
			color: #fff;
			cursor: pointer;
			background: #F73D34;
			border-radius: 8px;
		}

	.split_producttr {pointer-events: none;color: gray;}
	.split_producttr a {color: gray;}
	.split_product_show h2 {
		margin: 0 0 20px;
		font-size: var(--wc-fs-18);
		font-weight: 800;
	}
	.split_product_show button.btn{
		font-weight: 700;
		background: #f73d34;
		color: #fff;
		border: 0;
		padding: 7px 27px;
		font-size: var(--wc-fs-14);
		margin-top: 12px;
	}

	/* PO form: consistent button positioning */
	.po-header-actions {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
		gap: 8px;
		margin-top: 20px;
	}
	.po-header-actions .btn-group {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
	}
	.po-table-actions-bar {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
		gap: 8px;
		margin-bottom: 12px;
	}
	.po-table-actions-bar .btn,
	.po-table-actions-bar a.btn {
		margin-bottom: 0;
	}
	.po-totals-actions-cell {
		text-align: right;
		vertical-align: middle !important;
	}
	.po-totals-actions {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
		gap: 8px;
	}
	.po-modal-actions {
		margin-top: 15px;
		text-align: right;
	}

/* ===== END inline style from purchaseorder/po_form.php block 1 ===== */


/* ===== BEGIN inline style from purchaseorder/po_form_backup(230724).php block 1 ===== */

table {
		page-break-inside: auto
	}

	tr {
		page-break-inside: avoid;
		page-break-after: auto
	}

	.preserve-whitespace {
		white-space: pre-wrap;
	}

	.selectedselected {
		display: none;
	}

	.change_quantity_after_receive_form {
		display: none;
	}

	.change_quantity_after_receive_form_show {
		position: fixed;
		width: 500px;
		top: 50%;
		padding: 30px;
		background: white;
		border: 1px solid #eaeaea;
		display: block;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 9;
	}

	.change_quantity_after_receive_form_show_overlay::before {
		background: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100%;
		content: "";
		left: 0;
		top: 0;
		position: fixed;
		z-index: 2;
	}

	.change_quantity_after_receive_form_close {
		float: right;
		font-size: var(--wc-fs-30);
		position: absolute;
		right: 8px;
		top: 0;
		color: #ddd;
		cursor: pointer;
	}

	.after_receive_class {
		margin-bottom: 10px;
	}

	.change_quantity_after_receive {
		background: none;
		border: none;
		margin-top: 4px;
	}

	.change_quantity_after_confirm_form {
		display: none;
	}

	.change_quantity_after_confirm_form_show {
		position: fixed;
		width: 500px;
		top: 50%;
		padding: 30px;
		background: white;
		border: 1px solid #eaeaea;
		display: block;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 9;
	}

	.change_quantity_after_confirm_form_show_overlay::before {
		background: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100%;
		content: "";
		left: 0;
		top: 0;
		position: fixed;
		z-index: 2;
	}

	.change_quantity_after_confirm_form_close {
		float: right;
		font-size: var(--wc-fs-30);
		position: absolute;
		right: 8px;
		top: 0;
		color: #ddd;
		cursor: pointer;
	}

	.after_confirm_class {
		margin-bottom: 10px;
	}

	.change_quantity_after_confirm {
		background: none;
		border: none;
		margin-top: 4px;
	}
	.table>tbody>tr>td{
		vertical-align: middle;
	}

/* ===== END inline style from purchaseorder/po_form_backup(230724).php block 1 ===== */


/* ===== BEGIN inline style from purchaseorder/po_form_bckup(020721).php block 1 ===== */

table { page-break-inside:auto }
	tr    { page-break-inside:avoid; page-break-after:auto }

/* ===== END inline style from purchaseorder/po_form_bckup(020721).php block 1 ===== */


/* ===== BEGIN inline style from purchaseorder/po_view.php block 1 ===== */

@media print {
	@page { size: A4 portrait; margin: 8mm; }
	html, body {
		width: 210mm;
		height: 297mm;
		margin: 0;
		padding: 0;
		background: #fff;
		overflow: visible;
	}
	body { padding-top: 0; }
	.wc-app-container { padding: 0 !important; margin: 0 !important; }
	.page-footer, #Header, #Footer { display: none !important; }
	table { page-break-inside: auto; }
	tr { page-break-inside: avoid; }
	thead { display: table-header-group; }
}

/* ===== END inline style from purchaseorder/po_view.php block 1 ===== */


/* ===== BEGIN inline style from purchaseorder/po_view_without_history.php block 1 ===== */

@media print {
	@page { size: A4 portrait; margin: 8mm; }
	html, body {
		width: 210mm;
		height: 297mm;
		margin: 0;
		padding: 0;
		background: #fff;
		overflow: visible;
	}
	body { padding-top: 0; }
	.wc-app-container { padding: 0 !important; margin: 0 !important; }
	.page-footer, #Header, #Footer { display: none !important; }
	table { page-break-inside: auto; }
	tr { page-break-inside: avoid; }
	thead { display: table-header-group; }
}

/* ===== END inline style from purchaseorder/po_view_without_history.php block 1 ===== */


/* ===== BEGIN inline style from sales_report/sales_report.php block 1 ===== */

body{counter-reset: Serial;}
   .modal-lg {width: 175vh;}
   .soft_delete{margin-top: 11px;}
   .toolbar_2 .custom_tags{height: auto;}
   .grid-container {      display: flex;      flex-wrap: wrap;      justify-content: space-between;   }
   .grid-item {      width: calc(20% - 10px);       margin: 5px;      background-color: #f2f2f2;      padding: 10px;      box-sizing: border-box;   }
   /* .grid-container {    display: flex;    justify-content: space-between;    overflow-x: scroll;}
   .grid-item {    margin: 5px;    flex: 0 0 20%;    background-color: #f2f2f2;    padding: 10px;    box-sizing: border-box;} */
   label.form-check-label.select_all_label {    font-weight: bolder;}
   /* .available{background-color: #f2f2f2;padding: 10px; box-sizing: border-box;} */
   .toolbar_2 .custom_tags {max-height: 200px;}
   .loader {
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-10px, -10px);
      z-index: 9999;
   }
   body.loader-body {
      overflow: hidden;
   }
   .loader-body:before {
      content: "";
      height: 100%;
      width: 100%;
      position: fixed;
      left: 0;
      top: 0;
      background: #c1c1c1;
      z-index: 999;
      opacity: 0.8;
   }
   .loader_msg {
      position: fixed;
      left: 39%;
      top: 60%;
      transform: translate(-10px, -10px);
      z-index: 9999;
      font-size: var(--wc-fs-25);
   }

/* ===== END inline style from sales_report/sales_report.php block 1 ===== */


/* ===== BEGIN inline style from single_page_scripts/calculations.php block 1 ===== */

.tableleft {float:left;} 
table {
	text-align: center;
	text-transform: capitalize;
	border: 1px solid #ccc;
	background: #f9f9f9;
	letter-spacing: 0;
}
tr td, tr th {
	border: 2px solid #ccc;
}
.Default{background: #f2e0e0;}
.PO{background-color: #c8ecfb;}
.Order{background-color: #d9f7ac;}
.Intransit{background-color: #f7f7b3;}
.Received{background-color: #baeed6;}
.preordertd{background-color:#42d7f9;}

.frontend{background-color: #f6fd2c;}
.total{background-color: #33b2e3;}
.sale{background-color: #f9a042;}
.action{background-color: #11ae47;}
.preorder{background-color: #42f9ce;}

.frontend_b{border:2px solid #f6fd2c;}
.total_b{border:2px solid #33b2e3;}
.sale_b{border:2px solid #f9a042;}
.action_b{border:2px solid #11ae47;}
.preorder_b{background-color: #42f9ce;}

table.cal thead tr {
    display: block;
}

table.cal th , table.cal td {
	width: 77px !important;
	overflow: hidden;
	display: block;
	float: left;
	height: 59px;
	margin-left: 3px;
	text-align: center;
	padding: 2px;
	font-size: var(--wc-fs-14);
	padding-top: 11px;
	letter-spacing: 2px;
}
table.cal td {
	height: 29px;
}
table.cal tbody {
    display: block;
    height: 300px;
    overflow: auto;
}
th {
    text-align: center;
}

/* ===== END inline style from single_page_scripts/calculations.php block 1 ===== */


/* ===== BEGIN inline style from single_page_scripts/sales_report_old/sales_report.php block 1 ===== */

body{counter-reset: Serial;}
   .modal-lg {width: 175vh;}
   .soft_delete{margin-top: 11px;}
   .toolbar_2 .custom_tags{height: auto;}
   .grid-container {      display: flex;      flex-wrap: wrap;      justify-content: space-between;   }
   .grid-item {      width: calc(20% - 10px);       margin: 5px;      background-color: #f2f2f2;      padding: 10px;      box-sizing: border-box;   }
   /* .grid-container {    display: flex;    justify-content: space-between;    overflow-x: scroll;}
   .grid-item {    margin: 5px;    flex: 0 0 20%;    background-color: #f2f2f2;    padding: 10px;    box-sizing: border-box;} */
   label.form-check-label.select_all_label {    font-weight: bolder;}
   /* .available{background-color: #f2f2f2;padding: 10px; box-sizing: border-box;} */
   .toolbar_2 .custom_tags {max-height: 200px;}

/* ===== END inline style from single_page_scripts/sales_report_old/sales_report.php block 1 ===== */


/* ===== BEGIN inline style from user_management/edit_user.php block 1 ===== */

.edit-user-page { font-family: 'Lato', sans-serif; }
.edit-user-page .page-title { font-family: 'Lato', sans-serif font-weight: 600; color: #333; margin-bottom: 24px; }
.edit-user-page .card { border: 1px solid #e8e8e8; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,.06); margin-bottom: 24px; overflow: hidden; }
.edit-user-page .card-head { background: #f8f9fa; padding: 14px 20px; border-bottom: 1px solid #e8e8e8; font-weight: 600; color: #333; font-size: var(--wc-fs-15); }
.edit-user-page .card-body { padding: 20px; }
.edit-user-page .user-hero { background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%); color: #fff; padding: 28px 24px; border-radius: 8px; margin-bottom: 24px; }
.edit-user-page .user-hero .user-name { font-family: 'Lato', sans-serif font-size: var(--wc-fs-24); font-weight: 600; margin: 0 0 4px 0; }
.edit-user-page .user-hero .user-email { opacity: .85; font-size: var(--wc-fs-14); }
.edit-user-page .user-hero .user-meta { margin-top: 12px; }
.edit-user-page .user-hero .badge-role { font-size: var(--wc-fs-11); padding: 4px 10px; border-radius: 4px; text-transform: uppercase; letter-spacing: .5px; }
.edit-user-page .user-hero .badge-role.admin { background: #F73D34; color: #fff; }
.edit-user-page .user-hero .badge-role.user { background: rgba(255,255,255,.25); color: #fff; }
.edit-user-page .user-hero .badge-status { margin-left: 8px; font-size: var(--wc-fs-12); }
.edit-user-page .user-hero .back-link { color: rgba(255,255,255,.8); font-size: var(--wc-fs-13); margin-top: 16px; display: inline-block; }
.edit-user-page .user-hero .back-link:hover { color: #fff; text-decoration: none; }
.edit-user-page .form-group { margin-bottom: 18px; }
.edit-user-page .form-group:last-child { margin-bottom: 0; }
.edit-user-page label.control-label { font-weight: 600; color: #444; font-size: var(--wc-fs-13); }
.edit-user-page .radio-inline { margin-right: 20px; font-weight: normal; }
.edit-user-page .help-note { font-size: var(--wc-fs-12); color: #666; margin-top: 6px; }
.edit-user-page .perm-bar { background: #f5f5f5; padding: 10px 14px; border-radius: 6px; margin-bottom: 14px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.edit-user-page .perm-bar .select-all-label { margin: 0; cursor: pointer; font-weight: 600; font-size: var(--wc-fs-13); color: #333; }
.edit-user-page .perm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px 20px; list-style: none; padding: 0; margin: 0; max-height: 640px; overflow-y: auto; }
.edit-user-page .perm-grid li { margin: 0; }
.edit-user-page .perm-grid label { font-weight: normal; cursor: pointer; margin: 0; font-size: var(--wc-fs-13); display: flex; align-items: center; gap: 8px; padding: 6px 0; }
.edit-user-page .perm-grid input[type=checkbox] { margin: 0; flex-shrink: 0; }
.edit-user-page .btn-save { background: #F73D34; border-color: #F73D34; color: #fff; padding: 10px 24px; font-weight: 600; }
.edit-user-page .btn-save:hover { background: #e0352d; border-color: #e0352d; color: #fff; }
.edit-user-page .save-card { margin-bottom: 20px; }
.edit-user-page .save-card.save-card-top .card-head { background: #2c2c2c; color: #fff; }
.edit-user-page .save-card .card-body { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.edit-user-page .save-card .card-body p { margin: 0; color: #666; font-size: var(--wc-fs-13); }
.edit-user-page .password-card .card-body { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.edit-user-page .password-card .form-group { margin-bottom: 0; flex: 1; min-width: 200px; }
.edit-user-page .password-card .btn { margin-bottom: 1px; }
.edit-user-page .alert-inline { padding: 10px 14px; border-radius: 6px; font-size: var(--wc-fs-13); margin-bottom: 16px; }
.edit-user-page .alert-inline.info { background: #e8f4fd; color: #0c5460; border: 1px solid #b8daff; }
@media (max-width: 768px) { .edit-user-page .perm-grid { max-height: 240px; } }

/* ===== END inline style from user_management/edit_user.php block 1 ===== */


/* ===== BEGIN inline style from user_management/index.php block 1 ===== */

.user-mgmt-table { margin-top: 20px; }
.user-mgmt-table th { background: #f5f5f5; }
.badge-role { font-size: var(--wc-fs-11); }
.status-inactive { color: #999; }

/* ===== END inline style from user_management/index.php block 1 ===== */

/* Global content container for shared header/footer pages */
.wc-app-container {
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

/* Bootstrap 5 migration shims for legacy templates */
.pull-left { float: left !important; }
.pull-right { float: right !important; }
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.collapse.in { display: block; }

/* Standard content layout for data/listing pages */
.wc-page {
    margin: 18px 0 28px;
}
.wc-page-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}
.wc-page-title {
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: var(--wc-fs-30);
    color: #222;
}
.wc-page-subtitle {
    margin: 0;
    color: #6a6a6a;
    font-size: var(--wc-fs-14);
}
.wc-page-card {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    padding: 14px;
}
.wc-table {
    margin-bottom: 0;
}

/* ===== BEGIN login redesign ===== */
.wc-login-page {
    min-height: 100vh;
    margin: 0;
    background: linear-gradient(180deg, #f8f8f8 0%, #f1f1f1 100%);
    font-family: 'Lato', sans-serif;
    color: #333;
}

.wc-login-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.wc-login-card {
    width: 100%;
    max-width: 460px;
    background: #ffffff;
    border-radius: 16px;
    border-top: 6px solid #F73D34;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.wc-login-brand {
    font-size: var(--wc-fs-13);
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #F73D34;
    opacity: 1;
    margin-bottom: 20px;
}

.wc-login-subtitle {
    font-size: var(--wc-fs-14);
    line-height: 1.5;
    color: #666;
    margin: 0 0 20px 0;
}

.wc-login-card-right {
    padding: 42px 38px;
}

.wc-login-form-title {
    margin: 0 0 18px 0;
    font-family: 'Lato', sans-serif
    font-size: var(--wc-fs-30);
    color: #2f2f2f;
}

.wc-login-alert {
    margin-bottom: 16px;
    border-radius: 8px;
}

.wc-login-form .form-group {
    margin-bottom: 16px;
}

.wc-login-form label {
    display: block;
    margin-bottom: 7px;
    color: #444;
    font-size: var(--wc-fs-13);
    letter-spacing: 0.2px;
}

.wc-login-form .form-control {
    height: 44px;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
    box-shadow: none;
    padding: 10px 12px;
}

.wc-login-form .form-control:focus {
    border-color: #F73D34;
    box-shadow: 0 0 0 2px rgba(247, 61, 52, 0.16);
}

.wc-login-btn {
    width: 100%;
    margin-top: 6px;
    height: 44px;
    border-radius: 8px;
    border: 1px solid #F73D34;
    background: #F73D34;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.wc-login-btn:hover,
.wc-login-btn:focus {
    color: #fff;
    background: #e0352d;
    border-color: #e0352d;
}

@media (max-width: 900px) {
    .wc-login-card-right {
        padding: 30px 24px;
    }
}
/* ===== END login redesign ===== */

/* ===== BEGIN table header redesign ===== */
table th,
.table th,
table.dataTable thead th,
.dataTables_wrapper table.dataTable thead th {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4;
    padding: 12px 10px !important;
    vertical-align: middle !important;
    white-space: normal;
}

table.dataTable thead th,
.dataTables_wrapper table.dataTable thead th {
    padding-right: 26px !important;
}

@media (max-width: 768px) {
    table th,
    .table th,
    table.dataTable thead th,
    .dataTables_wrapper table.dataTable thead th {
        font-size: var(--wc-fs-13) !important;
        padding: 10px 12px !important;
    }
}
/* ===== END table header redesign ===== */

/* ===== BEGIN menu redesign v2 ===== */
.nav-main.wc-menu-v2 {
    width: 100% !important;
    max-width: 100%;
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
    margin: 16px 0 20px;
    overflow: visible;
    position: relative;
    z-index: 1100;
}

.nav-main.wc-menu-v2 .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    max-width: 100%;
    padding: 0;
}

.nav-main.wc-menu-v2 .nav-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-bottom: none;
    flex-shrink: 0;
}

.nav-main.wc-menu-v2 .nav-brand img {
    height: 34px;
    width: auto;
}

.nav-main.wc-menu-v2 .nav-toggle {
    margin: 10px 12px 0 0;
}

.nav-main.wc-menu-v2 .nav-wrap {
    width: auto;
    flex: 1;
}

.nav-main.wc-menu-v2 .nav-list {
    list-style: none;
    margin: 0;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 4px;
}

.nav-main.wc-menu-v2 .nav-list > li {
    width: auto;
    position: relative;
}

.nav-main.wc-menu-v2 .nav-list > li > a {
    display: block;
    padding: 11px 12px;
    border-radius: 8px;
    color: #3a3a3a;
    font-size: var(--wc-fs-14);
    font-weight: 500;
    text-decoration: none;
    border-left: 3px solid transparent;
}

.nav-main.wc-menu-v2 .nav-list > li > a:hover,
.nav-main.wc-menu-v2 .nav-list > li.open > a,
.nav-main.wc-menu-v2 .nav-list > li.show > a {
    background: rgba(247, 61, 52, 0.08);
    color: #F73D34;
    border-left-color: #F73D34;
}

.nav-main.wc-menu-v2 .nav-list > li.nav-divider {
    width: 1px;
    min-width: 1px;
    height: 22px;
    margin: 0 6px;
    padding: 0;
    background: #ececec;
}

.nav-main.wc-menu-v2 .nav-list > li.nav-divider::before {
    display: none;
}

.nav-main.wc-menu-v2 .dropdown-menu {
    position: absolute !important;
    left: 0;
    top: calc(100% + 6px);
    float: none !important;
    transform: none !important;
    min-width: 210px;
    margin: 0;
    padding: 6px 0;
    border: 1px solid #efefef;
    border-left: 1px solid #efefef;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.1);
    background: #fff;
    display: none;
    z-index: 1200;
}

.nav-main.wc-menu-v2 .dropdown.show > .dropdown-menu,
.nav-main.wc-menu-v2 .dropdown.open > .dropdown-menu,
.nav-main.wc-menu-v2 .dropdown-menu.show {
    display: block;
}

.nav-main.wc-menu-v2 .dropdown-menu li a {
    display: block;
    padding: 9px 12px;
    border-radius: 6px;
    color: #525252;
    font-size: var(--wc-fs-13);
    text-decoration: none;
}

.nav-main.wc-menu-v2 .dropdown-menu li a:hover {
    background: rgba(247, 61, 52, 0.08);
    color: #F73D34;
}

.nav-main.wc-menu-v2 .dropdown-submenu > a::after {
    content: '';
    float: right;
    margin-top: 6px;
    border-left: 4px solid #999;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.nav-main.wc-menu-v2 .dropdown-submenu.show > a::after,
.nav-main.wc-menu-v2 .dropdown-submenu.open > a::after {
    border-left-color: #F73D34;
}

@media (max-width: 767px) {
    .nav-main.wc-menu-v2 {
        width: 100% !important;
    }
    .nav-main.wc-menu-v2 .container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .nav-main.wc-menu-v2 .nav-brand {
        border-bottom: none;
        padding: 12px 14px;
    }
    .nav-main.wc-menu-v2 .nav-toggle {
        display: block;
        margin: 0 12px 0 0;
        flex-shrink: 0;
    }
    .nav-main.wc-menu-v2 .nav-wrap {
        display: none;
        border-top: 1px solid #efefef;
        width: 100%;
        flex-basis: 100%;
    }
    .nav-main.wc-menu-v2 .nav-wrap.show,
    .nav-main.wc-menu-v2 .nav-wrap.in {
        display: block !important;
    }
    .nav-main.wc-menu-v2 .nav-list > li > a {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    .nav-main.wc-menu-v2 .nav-list {
        justify-content: flex-start;
    }
    .nav-main.wc-menu-v2 .nav-list > li.nav-divider {
        width: 100%;
        min-width: 0;
        height: 1px;
        margin: 8px 0;
    }
    .nav-main.wc-menu-v2 .dropdown-menu {
        position: static !important;
        left: auto;
        top: auto;
        min-width: 0;
        margin: 6px 0 6px 12px;
        padding: 2px 0;
        border: none;
        border-left: 2px solid #efefef;
        box-shadow: none;
        background: transparent;
    }
}
/* ===== END menu redesign v2 ===== */

/* ===== BEGIN purchaseorder/po_form redesign ===== */
.wc-po-form-page {
    margin-top: 8px;
}

.wc-po-form-page hr {
    border-color: #ececec;
}

.wc-po-form-page .backBtn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 7px 10px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    background: #fff;
    text-decoration: none;
    color: #444;
    font-weight: 500;
}

.wc-po-form-page .backBtn:hover {
    color: #F73D34;
    border-color: #F73D34;
}

.wc-po-form-card {
    padding: 18px;
    border: 1px solid #ececec;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    background: #fff;
}

.wc-po-form-page .page-header {
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
}

.wc-po-form-page .page-header h1 {
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: var(--wc-fs-30);
    color: #232323;
}

.wc-po-form-page .page-header h2 {
    margin: 8px 0 0;
    font-size: var(--wc-fs-16);
    color: #666;
    font-weight: 600;
}

.wc-po-form-page .page-header h1 a {
    color: inherit;
    text-decoration: none;
}

.wc-po-form-page .page-stripe {
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #F73D34 0%, rgba(247, 61, 52, 0.2) 100%);
    margin-bottom: 16px;
}

.wc-po-form-page label {
    font-size: var(--wc-fs-13);
    font-weight: 600;
    color: #444;
    margin-bottom: 6px;
}

.wc-po-section-title {
    margin: 0 0 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
    font-family: var(--wc-font-heading);
    font-size: var(--wc-fs-20);
    color: #2d2d2d;
}

.wc-po-address-row .wc-po-block {
    background: #fbfbfb;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 12px;
    min-height: 100%;
}

.wc-po-address-card {
    margin-top: 8px;
}

.wc-po-address-card .form-group {
    margin-bottom: 10px;
}

.wc-po-products-title {
    margin-top: 4px;
}

.wc-po-form-page .form-control {
    border-radius: 8px;
    border-color: #dddddd;
    min-height: 40px;
    font-size: var(--wc-fs-14);
}

.wc-po-form-page .form-control:focus {
    border-color: #F73D34;
    box-shadow: 0 0 0 2px rgba(247, 61, 52, 0.12);
}

.wc-po-form-page #purchase-order-table {
    border: 1px solid #ececec;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.wc-po-form-page #purchase_order_table_confirmed {
    margin-bottom: 0;
}

.wc-po-form-page #purchase_order_table_confirmed thead th {
    background: #fafafa;
    border-bottom: 1px solid #ececec;
}

.wc-po-form-page #purchase_order_table_confirmed tbody tr:nth-child(even) {
    background: #fcfcfc;
}

.wc-po-form-page .po-table-actions-bar {
    margin-bottom: 10px;
}

.wc-po-form-page #add_form_fields_holder {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 12px;
}

.wc-po-summary-row .wc-po-summary-col {
    background: #fbfbfb;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 12px;
}

.wc-po-summary-row .wc-po-summary-col h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-family: var(--wc-font-heading);
    font-size: var(--wc-fs-20);
}

.wc-po-form-page .history {
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 12px 14px;
    background: #fff;
    max-height: 240px;
    overflow-y: auto;
}

.wc-po-form-page .history p {
    margin: 0 0 8px;
    color: #444;
    font-size: var(--wc-fs-13);
}

.wc-po-form-page .history p:last-child {
    margin-bottom: 0;
}

.wc-po-form-page .po-totals-actions .btn,
.wc-po-form-page .po-header-actions .btn {
    border-radius: 8px;
}

@media (max-width: 991px) {
    .wc-po-form-card {
        padding: 12px;
    }
    .wc-po-address-row .wc-po-block {
        margin-bottom: 12px;
    }
    .wc-po-form-page .page-header h1 {
        font-size: var(--wc-fs-24);
    }
    .wc-po-section-title {
        font-size: var(--wc-fs-18);
    }
}
/* ===== END purchaseorder/po_form redesign ===== */

/* ===== BEGIN inventory/products_new redesign ===== */
.products-listing-page .wc-products-filters-card {
    margin-bottom: 16px;
}

.products-listing-page .listingSelect_bar_2 {
    margin: 0;
}

.products-listing-page .toolbar_2 {
    display: block;
    width: 100%;
}

.products-listing-page .listingSelect_bar_2 > .wc-page-title {
    margin: 0 0 6px;
}

.products-listing-page .listingSelect_bar_2 > .wc-page-subtitle {
    margin: 0 0 14px;
}

.products-listing-page .toolbar_2 > .wc-page-title,
.products-listing-page .toolbar_2 > .wc-page-subtitle {
    display: block;
    width: 100%;
}

.products-listing-page .toolbar_2 > .wc-page-subtitle {
    margin: 0 0 14px;
}

.products-listing-page .products-listing-header {
    margin-bottom: 14px;
    padding: 10px 2px 14px;
    border-bottom: 1px solid #e6e8eb;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

.products-listing-page .products-listing-summary {
    min-width: 280px;
}

.products-listing-page .products-listing-header h1 {
    margin: 0 0 6px;
    font-size: var(--wc-fs-30);
    font-weight: 700;
    line-height: 1.2;
}

.products-listing-page .products-listing-header h1 a {
    color: #1f1f1f;
    text-decoration: none;
}

.products-listing-page .products-listing-header h1 sup {
    font-size: var(--wc-fs-13);
    font-weight: 500;
    color: #6f7680;
    margin-left: 6px;
}

.products-listing-page .products-listing-header p {
    margin: 0;
    color: #6b6b6b;
    font-size: var(--wc-fs-14);
}

.products-listing-page .products-listing-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.products-listing-page #product_sunc_button {
    min-height: 38px;
    padding: 8px 16px;
}

.products-listing-page .wc-products-quick-actions {
    margin-bottom: 12px;
}

.products-listing-page .wc-products-table-card {
    padding: 12px;
}

.products-listing-page #product_listing {
    margin-bottom: 0;
}

.products-listing-page #product_listing thead th {
    background: #f5f6f8 !important;
    color: #1f2430 !important;
    border-color: #dfe3e8 !important;
    border-bottom-color: #d7dce2 !important;
    font-size: var(--wc-fs-13) !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.products-listing-page #product_listing thead th.sorting,
.products-listing-page #product_listing thead th.sorting_asc,
.products-listing-page #product_listing thead th.sorting_desc {
    padding-right: 24px !important;
}

@media (max-width: 767px) {
    .products-listing-page .products-listing-header {
        align-items: flex-start;
    }
    .products-listing-page .products-listing-actions {
        width: 100%;
        justify-content: flex-start;
    }
}
/* ===== END inventory/products_new redesign ===== */

/* ===== BEGIN vendor/vendor_listing redesign ===== */
.vendor-listing-page .vendor-listing-header {
    align-items: center;
    margin-bottom: 10px;
}

.vendor-listing-page .wc-page-title {
    margin: 0;
}

.vendor-listing-page .vendor-add-btn {
    background: #fff;
    border: 1px solid #c17874;
    color: #6a2c2c !important;
    min-height: 36px;
    padding: 7px 16px;
}

.vendor-listing-page .vendor-add-btn:hover,
.vendor-listing-page .vendor-add-btn:focus {
    background: #fdf4f3;
    border-color: #b8605c;
    color: #5b2525 !important;
}

.vendor-listing-page .vendor-listing-table-card {
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
}

.vendor-listing-page .vendor-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin: 12px 0 14px;
}

.vendor-listing-page .dataTables_wrapper div.dataTables_length label,
.vendor-listing-page .dataTables_filter label {
    margin: 0;
}

.vendor-listing-page .dataTables_filter label .form-control {
    min-width: 170px;
}

.vendor-listing-page #vendor_listing {
    background: #fff;
    border: 1px solid #e6e6e6;
}

.vendor-listing-page #vendor_listing thead th {
    background: #f5f5f5 !important;
    color: #222 !important;
    border-color: #e6e6e6 !important;
    font-size: var(--wc-fs-13) !important;
    font-weight: 600 !important;
    text-align: left !important;
}

.vendor-listing-page #vendor_listing tbody td {
    background: #fff;
    border-color: #ececec;
    text-align: left !important;
}

.vendor-listing-page #vendor_listing th:nth-child(1),
.vendor-listing-page #vendor_listing td:nth-child(1),
.vendor-listing-page #vendor_listing th:nth-child(5),
.vendor-listing-page #vendor_listing td:nth-child(5),
.vendor-listing-page #vendor_listing th:nth-child(6),
.vendor-listing-page #vendor_listing td:nth-child(6),
.vendor-listing-page #vendor_listing th:nth-child(7),
.vendor-listing-page #vendor_listing td:nth-child(7),
.vendor-listing-page #vendor_listing th:nth-child(8),
.vendor-listing-page #vendor_listing td:nth-child(8) {
    text-align: center !important;
}

@media (max-width: 767px) {
    .vendor-listing-page .vendor-toolbar {
        flex-direction: column;
        align-items: stretch;
    }
}
/* ===== END vendor/vendor_listing redesign ===== */

/* ===== BEGIN unified responsive + ui controls ===== */
:root {
    --wc-max-content-width: 80%;
    --wc-page-gutter: clamp(10px, 2.5vw, 28px);
    --wc-mobile-breakpoint: 767px;
    --wc-brand: #F73D34;
    --wc-brand-dark: #e0352d;
    --wc-text: #2f2f2f;
    --wc-muted: #666;
    --wc-border: #e7e7e7;
    --wc-bg-soft: #fafafa;
    --wc-radius: 8px;

    /* Website typography tokens */
    --wc-font-body: 'Lato', sans-serif;
    --wc-font-heading: 'Lato', sans-serif;
    --wc-font-ui: 'Lato', sans-serif;
    --wc-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;

    /* Full font size scale used in this project */
    --wc-fs-7: 7px;
    --wc-fs-10: 10px;
    --wc-fs-11: 11px;
    --wc-fs-12: 12px;
    --wc-fs-13: 13px;
    --wc-fs-14: 14px;
    --wc-fs-15: 15px;
    --wc-fs-16: 16px;
    --wc-fs-17: 17px;
    --wc-fs-18: 18px;
    --wc-fs-20: 20px;
    --wc-fs-22: 22px;
    --wc-fs-24: 24px;
    --wc-fs-25: 25px;
    --wc-fs-26: 26px;
    --wc-fs-28: 28px;
    --wc-fs-30: 30px;
    --wc-fs-32: 32px;
    --wc-fs-36: 36px;

    /* Semantic aliases */
    --wc-fs-xs: var(--wc-fs-12);
    --wc-fs-sm: var(--wc-fs-13);
    --wc-fs-md: var(--wc-fs-14);
    --wc-fs-lg: var(--wc-fs-16);
    --wc-fs-xl: var(--wc-fs-20);
    --wc-fs-h1: var(--wc-fs-32);
    --wc-fs-h2: var(--wc-fs-28);
    --wc-fs-h3: var(--wc-fs-24);

    /* Line-height tokens */
    --wc-lh-tight: 1.2;
    --wc-lh-base: 1.4;
    --wc-lh-relaxed: 1.6;

    /* Spacing tokens */
    --wc-space-2: 2px;
    --wc-space-4: 4px;
    --wc-space-6: 6px;
    --wc-space-8: 8px;
    --wc-space-10: 10px;
    --wc-space-12: 12px;
    --wc-space-14: 14px;
    --wc-space-16: 16px;
    --wc-space-20: 20px;
    --wc-space-24: 24px;
    --wc-space-30: 30px;
}

/* Body and global container */
body {
    font-family: var(--wc-font-body);
    font-size: var(--wc-fs-md);
    line-height: var(--wc-lh-base);
    color: var(--wc-text);
    background: #f7f7f7;
}

.wc-app-container {
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}

/* Desktop view (menu + body) */
@media (min-width: 768px) {
    .nav-main.wc-menu-v2 {
        max-width: 100%;
    }
    .wc-page {
        margin-top: var(--wc-space-30);
    }
}

/* Mobile view (menu + body) */
@media (max-width: 767px) {
    body {
        background: #f3f3f3;
    }
    .wc-app-container {
        padding-left: var(--wc-page-gutter);
        padding-right: var(--wc-page-gutter);
    }
    .wc-page {
        margin-top: var(--wc-space-10);
        margin-bottom: var(--wc-space-16);
    }
    .wc-page-card {
        border-radius: 10px;
        padding: var(--wc-space-12);
    }
    :root{
        --wc-fs-30: 20px;
    }
}

/* Form controls redesign (all common input types) */
form input[type="text"],
form input[type="search"],
form input[type="email"],
form input[type="password"],
form input[type="number"],
form input[type="tel"],
form input[type="url"],
form input[type="date"],
form input[type="datetime-local"],
form input[type="month"],
form input[type="week"],
form input[type="time"],
form select,
form textarea,
form input[type="file"],
form .form-control {
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--wc-border);
    border-radius: var(--wc-radius);
    background: #fff;
    color: var(--wc-text);
    font-family: var(--wc-font-body);
    font-size: var(--wc-fs-md);
    line-height: var(--wc-lh-base);
    padding: var(--wc-space-8) var(--wc-space-12);
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

form textarea {
    min-height: 96px;
    resize: vertical;
}

form select {
    cursor: pointer;
}

form input::placeholder,
form textarea::placeholder {
    color: #9a9a9a;
    font-size: var(--wc-fs-sm);
}

form input[type="text"]:focus,
form input[type="search"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form input[type="number"]:focus,
form input[type="tel"]:focus,
form input[type="url"]:focus,
form input[type="date"]:focus,
form input[type="datetime-local"]:focus,
form input[type="month"]:focus,
form input[type="week"]:focus,
form input[type="time"]:focus,
form select:focus,
form textarea:focus,
form input[type="file"]:focus,
form .form-control:focus {
    border-color: var(--wc-brand);
    box-shadow: 0 0 0 2px rgba(247, 61, 52, 0.14);
    outline: none;
}

form input[readonly],
form textarea[readonly],
form select[readonly],
form input:disabled,
form textarea:disabled,
form select:disabled {
    background: #f5f5f5;
    color: #7a7a7a;
    cursor: not-allowed;
}

form input[type="checkbox"],
form input[type="radio"] {
    width: 16px;
    height: 16px;
    min-height: 16px;
    margin-top: 0;
    accent-color: var(--wc-brand);
    vertical-align: middle;
}

form .checkbox label,
form .radio label,
form label.form-check-label {
    display: inline-flex;
    align-items: center;
    gap: var(--wc-space-8);
    font-size: var(--wc-fs-sm);
    color: var(--wc-text);
}

/* Keep compact controls where plugin/toolbars need inline fields */
.dataTables_wrapper .form-control,
.toolbar .form-group .form-control,
.toolbar_2 .form-group .form-control {
    width: auto;
    min-height: 34px;
    padding: 6px 10px;
}

/* Buttons redesign */
.btn,
button.btn,
input.btn,
.listingBtn,
.saveBtn {
    font-family: var(--wc-font-body);
    font-size: var(--wc-fs-md);
    line-height: var(--wc-lh-base);
    border-radius: var(--wc-radius);
    font-weight: 600;
    letter-spacing: .15px;
    min-height: 38px;
    padding: var(--wc-space-8) var(--wc-space-14);
    transition: all .18s ease;
}

.btn-primary,
.listingBtn.saveBtn,
.saveBtn,
.btn-success {
    background: var(--wc-brand);
    border-color: var(--wc-brand);
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.listingBtn.saveBtn:hover,
.listingBtn.saveBtn:focus,
.saveBtn:hover,
.saveBtn:focus,
.btn-success:hover,
.btn-success:focus {
    background: var(--wc-brand-dark);
    border-color: var(--wc-brand-dark);
    color: #fff !important;
}

.btn-danger {
    background: #f8e6e6;
    border-color: #efc7c7;
    color: #b53737 !important;
}

.btn-danger:hover,
.btn-danger:focus {
    background: #f4d8d8;
    border-color: #e9b8b8;
    color: #9f2f2f !important;
}

.btn-secondary,
.btn-default {
    background: #f2f2f2;
    border-color: #dddddd;
    color: #444 !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-default:hover,
.btn-default:focus {
    background: #ebebeb;
    border-color: #d2d2d2;
    color: #333 !important;
}

/* Popups redesign (custom popups + jQuery UI dialog) */
.change_quantity_after_confirm_form_show,
.change_quantity_after_receive_form_show,
.split_product_show {
    border-radius: 12px;
    border: 1px solid var(--wc-border);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.2);
}

.change_quantity_after_confirm_form_close,
.change_quantity_after_receive_form_close,
.split_product_close {
    width: 32px;
    height: 32px;
    line-height: 26px;
    text-align: center;
    border-radius: 999px;
    border: 1px solid var(--wc-border);
    font-size: var(--wc-fs-20);
    color: #666;
    background: #fff;
}

.change_quantity_after_confirm_form_close:hover,
.change_quantity_after_receive_form_close:hover,
.split_product_close:hover {
    color: #fff;
    background: var(--wc-brand);
    border-color: var(--wc-brand);
}

#dialog-confirm {
    font-size: var(--wc-fs-14);
    color: #333;
}

.ui-dialog {
    border: 1px solid var(--wc-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.2) !important;
}

.ui-dialog .ui-dialog-titlebar {
    background: var(--wc-bg-soft) !important;
    border: none !important;
    border-bottom: 1px solid var(--wc-border) !important;
    border-radius: 12px 12px 0 0 !important;
    color: #333 !important;
    font-weight: 700 !important;
}

.ui-dialog .ui-dialog-content {
    padding: var(--wc-space-14) var(--wc-space-16) !important;
}

.ui-dialog .ui-dialog-buttonpane {
    border-top: 1px solid var(--wc-border) !important;
    padding: var(--wc-space-8) var(--wc-space-12) !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    border-radius: 8px !important;
    border: 1px solid var(--wc-border) !important;
    background: #fff !important;
    color: #333 !important;
    padding: var(--wc-space-8) var(--wc-space-14) !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
    background: var(--wc-brand) !important;
    border-color: var(--wc-brand) !important;
    color: #fff !important;
}

/* Common typography mapping using root font variables */
h1, h2, h3, h4, h5, h6,
.wc-page-title,
.wc-login-form-title,
.wc-po-form-page .page-header h1 {
    font-family: var(--wc-font-heading);
}

h1 { font-size: var(--wc-fs-h1); }
h2 { font-size: var(--wc-fs-h2); }
h3 { font-size: var(--wc-fs-h3); }

body, p, div, span, li, a,
label, input, textarea, select,
.nav-main,
.wc-page-subtitle,
.dataTables_wrapper,
table {
    font-family: var(--wc-font-body);
    font-size: var(--wc-fs-md);
    line-height: var(--wc-lh-base);
}

.btn,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    font-family:'Lato', sans-serif;
    font-size: var(--wc-fs-md);
    line-height: var(--wc-lh-base);
}
/* ===== END unified responsive + ui controls ===== */

/* ===== PO view (print-friendly) ===== */
.wc-po-view-page {
    margin: 18px auto 40px;
    max-width: 1120px;
    padding: 0 16px;
}
.wc-po-view-actions {
    margin-bottom: 8px;
}
.wc-po-view-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #f73d34;
    text-decoration: none;
}
.wc-po-view-back:hover {
    color: #c72e29;
}
.wc-po-view-back-icon {
    font-size: 1.1rem;
    line-height: 1;
}
.wc-po-view-hero {
    padding: 22px 24px;
    border-top: 4px solid #f73d34;
}
.wc-po-view-card-surface {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}
.wc-po-view-hero-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}
.wc-po-view-kicker {
    margin: 0 0 6px;
    font-size: var(--wc-fs-12, 12px);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #f73d34;
    font-weight: 600;
}
.wc-po-view-title {
    margin: 0 0 8px;
    font-family: 'Lato', sans-serif;
    font-size: clamp(1.5rem, 3vw, 2rem);
    color: #1a1a1a;
}
.wc-po-view-meta {
    margin: 0;
    color: #555;
    font-size: var(--wc-fs-15, 15px);
}
.wc-po-view-dot {
    margin: 0 6px;
    opacity: 0.5;
}
.wc-po-view-logo {
    max-height: 52px;
    width: auto;
    opacity: 0.95;
}
.wc-po-view-hero-foot {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #eee;
}
.wc-po-view-status {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: var(--wc-fs-13, 13px);
    font-weight: 600;
    letter-spacing: 0.02em;
}
.wc-po-status--draft {
    background: #f3f4f6;
    color: #374151;
}
.wc-po-status--confirmed {
    background: rgba(247, 61, 52, 0.12);
    color: #b91c1c;
}
.wc-po-status--transit {
    background: #eff6ff;
    color: #1d4ed8;
}
.wc-po-status--received {
    background: #ecfdf5;
    color: #047857;
}
.wc-po-status--canceled {
    background: #fef2f2;
    color: #991b1b;
}
.wc-po-status--unknown {
    background: #f9fafb;
    color: #6b7280;
}
.wc-po-view-card-title {
    margin: 0 0 14px;
    font-family: 'Lato', sans-serif;
    font-size: var(--wc-fs-20, 20px);
    color: #222;
}
.wc-po-view-address-card .wc-po-view-line {
    margin: 0 0 4px;
}
.wc-po-view-strong {
    font-weight: 600;
    color: #111;
}
.wc-po-view-muted {
    color: #6b7280;
    font-size: var(--wc-fs-14, 14px);
}
.wc-po-view-table-card .wc-po-view-card-head {
    padding: 16px 18px 0;
    border-bottom: none;
}
.wc-po-view-table-card .table-responsive {
    padding: 0 4px 12px;
}
.wc-po-view-lines thead th {
    font-size: var(--wc-fs-13, 13px);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #555;
    background: #fafafa;
    border-bottom-width: 2px;
}
.wc-po-view-line-status {
    font-size: var(--wc-fs-13, 13px);
}
.wc-po-view-dl {
    margin: 0;
}
.wc-po-view-dl-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: var(--wc-fs-14, 14px);
}
.wc-po-view-dl-row:last-child {
    border-bottom: none;
}
.wc-po-view-dl dt {
    margin: 0;
    font-weight: 500;
    color: #666;
    flex: 0 0 42%;
}
.wc-po-view-dl dd {
    margin: 0;
    text-align: right;
    color: #111;
    flex: 1;
    word-break: break-word;
}
.wc-po-view-totals .wc-po-view-total-row {
    margin-top: 6px;
    padding-top: 12px;
    border-top: 2px solid #eee;
    font-weight: 700;
    font-size: var(--wc-fs-16, 16px);
}
.wc-po-view-link {
    color: #f73d34;
    font-weight: 600;
}
.wc-po-view-link:hover {
    color: #c72e29;
}
.wc-po-view-history {
    list-style: none;
    margin: 0;
    padding: 0;
}
.wc-po-view-history-item {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: var(--wc-fs-14, 14px);
}
.wc-po-view-history-item:last-child {
    border-bottom: none;
}
.wc-po-view-history-when {
    color: #6b7280;
    font-size: var(--wc-fs-13, 13px);
}
.wc-po-view-history-by {
    font-weight: 600;
    color: #374151;
}
.wc-po-view-history-msg {
    color: #111;
}

div.dataTables_wrapper div.dataTables_length select {
    min-width: 60px;
}
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting {
  background-image: none !important;
}



table.dataTable tbody th, table.dataTable tbody td {
    padding: 10px 10px !important;
}
.table.dataTable td a.btn {
    color: #fff;
    justify-content: center;
}
div.dataTables_wrapper div.dataTables_filter label input {
    border: 0;
    margin-left: 25px;
}

@media print {
    .wc-po-view-no-print {
        display: none !important;
    }
    .wc-po-view-page {
        margin: 0;
        max-width: none;
        padding: 0;
    }
    .wc-po-view-sheet {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        border: none;
        box-shadow: none;
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .wc-po-view-sheet-header,
    .wc-po-view-sheet-top,
    .wc-po-view-sheet-bottom,
    .wc-po-view-sheet-history {
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .wc-po-view-block-title {
        font-size: 9px;
        margin-bottom: 4px;
    }
    .wc-po-view-title {
        font-size: 16px;
        margin-bottom: 2px;
    }
    .wc-po-view-kicker {
        font-size: 8px;
        margin-bottom: 2px;
    }
    .wc-po-view-meta,
    .wc-po-view-line,
    .wc-po-view-dl dt,
    .wc-po-view-dl dd,
    .wc-po-view-notes {
        font-size: 8px;
        line-height: 1.25;
    }
    .wc-po-view-status {
        font-size: 8px;
        padding: 2px 8px;
    }
    .wc-po-view-logo {
        max-height: 36px;
    }
    .wc-po-view-sheet-table th,
    .wc-po-view-sheet-table td {
        font-size: 7.5px;
        padding: 2px 4px;
        line-height: 1.2;
    }
    .wc-po-view-history-table th,
    .wc-po-view-history-table td {
        font-size: 7px;
        padding: 1px 3px;
        line-height: 1.15;
    }
    .wc-po-view-card-surface {
        box-shadow: none;
        border-radius: 0;
        break-inside: avoid;
    }
    .wc-po-view-hero {
        border-top: none;
        padding-top: 0;
    }
}

/* ===== PO view single-page sheet (screen + print) ===== */
.wc-po-view-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.wc-po-view-sheet {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 20px 22px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}
.wc-po-view-sheet-header {
    display: grid;
    grid-template-columns: 100px 1fr auto;
    gap: 16px;
    align-items: center;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 2px solid #f73d34;
}
.wc-po-view-sheet-top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 14px;
}
.wc-po-view-sheet-block {
    min-width: 0;
}
.wc-po-view-block-title {
    margin: 0 0 6px;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #f73d34;
}
.wc-po-view-dl-compact .wc-po-view-dl-row {
    padding: 2px 0;
}
.wc-po-view-sheet-table-wrap {
    margin-bottom: 12px;
}
.wc-po-view-sheet-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}
.wc-po-view-sheet-table th,
.wc-po-view-sheet-table td {
    border: 1px solid #ddd;
    padding: 5px 6px;
    font-size: 12px;
    vertical-align: top;
}
.wc-po-view-sheet-table thead th {
    background: #f8f8f8;
    font-weight: 600;
    font-size: 11px;
}
.wc-po-view-sheet-bottom {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 14px;
    margin-bottom: 12px;
}
.wc-po-view-sheet-notes .wc-po-view-notes {
    font-size: 12px;
    line-height: 1.4;
    color: #444;
    white-space: pre-wrap;
    word-break: break-word;
}
.wc-po-view-sheet-history {
    border-top: 1px solid #eee;
    padding-top: 10px;
}
.wc-po-view-history-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}
.wc-po-view-history-table th,
.wc-po-view-history-table td {
    border: 1px solid #e8e8e8;
    padding: 4px 6px;
    text-align: left;
    vertical-align: top;
}
.wc-po-view-history-table thead th {
    background: #fafafa;
    font-weight: 600;
    font-size: 10px;
}
.wc-po-view-print-btn {
    font-size: 13px;
}
@media screen and (max-width: 991px) {
    .wc-po-view-sheet-header {
        grid-template-columns: 1fr;
    }
    .wc-po-view-sheet-top,
    .wc-po-view-sheet-bottom {
        grid-template-columns: 1fr;
    }
}

/* PO print view — side-by-side equal-height Notes / Info / Totals */
.wc-po-footer-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100%;
    gap: 10px;
}
.wc-po-footer-col {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 8px 10px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    vertical-align: top;
}
.wc-po-footer-col h4 {
    margin: 0 0 8px;
    font-size: 14px;
    flex-shrink: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.wc-po-footer-col-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
.wc-po-footer-col .table {
    margin-bottom: 0;
    height: 100%;
}
.wc-po-footer-col .table td {
    vertical-align: top;
}
.wc-po-footer-payment {
    margin-top: 10px;
    padding: 8px 10px;
    border: 1px solid #e5e5e5;
}
@media print {
    .wc-po-footer-row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 6px;
    }
    .wc-po-footer-col {
        flex: 1 1 0 !important;
        width: 33.333% !important;
        min-width: 0 !important;
    }
    .wc-po-footer-col,
    .wc-po-footer-payment {
        padding: 4px 6px;
        border-color: #ccc;
    }
    .wc-po-footer-col h4,
    .wc-po-footer-payment h4 {
        font-size: 11px;
        margin-bottom: 4px;
    }
}

/* PO print view — product column width */
/* .wc-po-view-print.container {
    max-width: 100% !important;
    width: 100%;
    padding: 12px 16px;
}
.wc-po-view-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 16px;
    margin-bottom: 14px;
} */
.wc-po-view-header-logo img {
    max-height: 50px;
    width: auto;
}
.wc-po-view-header-title {
    text-align: right;
}
.wc-po-view-header-title h4 {
    margin: 0 0 4px;
    font-size: 17px;
    font-weight: 700;
    color: #333;
}
.wc-po-view-header-title h5 {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #555;
}
/* .wc-po-view-addresses {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
    margin-bottom: 14px;
} */
.wc-po-view-address-col label {
    display: block;
    font-weight: 700;
    font-size: 11px;
    margin: 0 0 6px;
    color: #333;
}
.wc-po-view-address-col p,
.wc-po-view-address-col #billto p,
.wc-po-view-address-col #shipto p,
.wc-po-view-address-col #shipto div {
    margin: 0 0 2px;
    font-size: 11px;
    line-height: 1.4;
    color: #333;
}
.wc-po-ship-locations {
    display: none !important;
}
.wc-po-view-products-wrap {
    width: 100%;
    margin-bottom: 14px;
}
.wc-po-view-print #purchase_order_table_confirmed {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 0;
}
.wc-po-view-print #purchase_order_table_confirmed thead th {
    background: #e8e8e8;
    font-size: 10px;
    font-weight: 700;
    padding: 6px 7px;
    vertical-align: middle;
    border: 1px solid #bbb;
    letter-spacing: 0.01em;
    color: #222;
}
.wc-po-view-print #purchase_order_table_confirmed tbody td {
    font-size: 10px;
    padding: 5px 7px;
    vertical-align: top;
    border: 1px solid #ccc;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.4;
}
.wc-po-view-print #purchase_order_table_confirmed tbody tr:nth-child(even) td {
    background: #fafafa;
}
.wc-po-view-print #purchase_order_table_confirmed col.wc-po-col-product {
    width: 40%;
}
.wc-po-view-print #purchase_order_table_confirmed .wc-po-col-product,
.wc-po-view-print #purchase_order_table_confirmed td.wc-po-col-product,
.wc-po-view-print #purchase_order_table_confirmed td:first-child {
    width: 40%;
    max-width: 40%;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
    vertical-align: top;
    hyphens: auto;
}
.wc-po-view-print .wc-po-footer-col {
    border: none;
    padding: 0 8px;
}
.wc-po-view-print .wc-po-footer-payment {
    border: none;
    padding: 8px 0 0;
}
.wc-po-footer-col .table.table-borderless td {
    border: none !important;
    padding: 2px 0;
    font-size: 10px;
}
.wc-po-footer-col .table.table-borderless td:last-child {
    text-align: right;
}
@media print {
    .wc-po-view-print.container {
        padding: 0 !important;
        max-width: 100% !important;
    }
    .wc-po-view-header,
    .wc-po-view-addresses {
        display: grid !important;
    }
    .wc-po-view-header {
        grid-template-columns: 1fr 1fr !important;
    }
    .wc-po-view-addresses {
        grid-template-columns: 1fr 1fr !important;
        align-items: start !important;
    }
    .wc-po-ship-locations {
        display: none !important;
    }
    .wc-po-view-print #purchase_order_table_confirmed {
        width: 100% !important;
        table-layout: fixed !important;
    }
    .wc-po-view-print #purchase_order_table_confirmed col.wc-po-col-product {
        width: 40% !important;
    }
    .wc-po-view-print #purchase_order_table_confirmed .wc-po-col-product,
    .wc-po-view-print #purchase_order_table_confirmed td.wc-po-col-product,
    .wc-po-view-print #purchase_order_table_confirmed td:first-child {
        width: 40% !important;
        max-width: 40% !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        overflow: hidden !important;
        vertical-align: top !important;
        hyphens: auto !important;
    }
}

/* style-dev */   

.wc-page-header h1, .page-header h1, .page-header h1 a, .wc-page-header h1 a{
    font-weight: 600;
    font-size: var(--wc-fs-30) !important;
}
table.table.table-w-100 {
    width: 100% !important;
}
.nav-main .dropdown-submenu ul.dropdown-menu {
    top: 0;
    left: 100%;
}
.page-header h1 sup {
    top: -12px;
    font-size: 16px;
}
.page-header h1 sup a{
    font-size: 16px;
}
.page-header h1 small a {
    font-size: 14px !important;
    padding: 3px 10px;
    border: 1px solid;
    border-radius: 8px;
    margin-top: -5px;
}

@media only screen and (max-width: 767px) {
    .wc-page-header h1, .page-header h1, .page-header h1 a, .wc-page-header h1 a {
        font-weight: 600;
        font-size: var(--wc-fs-20) !important;
    }
}

/* ===== BEGIN sales-report-page (standard + consignment) ===== */
.sales-report-page > .toolbar_2.sales-report-filters {
    display: block;
    width: 100%;
    margin-bottom: 24px;
}

.sales-report-page > .toolbar_2.sales-report-filters .grid-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    margin-bottom: 0;
}

.sales-report-page > .toolbar_2.sales-report-filters .grid-item {
    width: calc(20% - 10px);
    margin: 0;
    box-sizing: border-box;
}

.sales-report-page .sales-report-table-card {
    clear: both;
    width: 100%;
    margin-top: 8px;
}

.sales-report-page #product_listing_wrapper {
    width: 100%;
    clear: both;
    overflow: hidden;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    background: #fff;
    padding: 0;
}

.sales-report-page #product_listing_wrapper .dataTables_scroll {
    overflow-x: auto;
    width: 100%;
}

.sales-report-page #product_listing_wrapper .dataTables_scrollHead,
.sales-report-page #product_listing_wrapper .dataTables_scrollBody {
    overflow: visible !important;
}

.sales-report-page #product_listing_wrapper .sales-report-dt-bar {
    display: none;
}

.sales-report-page #product_listing_wrapper .listingExport {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 12px 14px 8px;
    margin: 0;
    border-bottom: 1px solid #e9ecef;
}

.sales-report-page #product_listing_wrapper .dataTables_filter {
    margin: 0;
    padding: 0 14px 10px;
}

.sales-report-page #product_listing_wrapper .bottom {
    padding: 14px;
    margin: 0;
    border-top: 1px solid #e9ecef;
}

.sales-report-page table.sales-report-table.dataTable,
.sales-report-page #product_listing.dataTable {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0;
    table-layout: auto;
    min-width: 1100px;
}

.sales-report-page #product_listing thead th {
    background: #495057 !important;
    color: #fff !important;
    border-color: #495057 !important;
    font-size: var(--wc-fs-12) !important;
    font-weight: 600 !important;
    white-space: nowrap;
    vertical-align: middle !important;
    padding: 10px 12px !important;
    line-height: 1.35;
}

.sales-report-page #product_listing tbody td {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
    vertical-align: top !important;
    padding: 10px 12px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    max-width: 280px;
}

.sales-report-page #product_listing tbody tr {
    height: auto !important;
}

.sales-report-page #product_listing tbody td a {
    display: inline !important;
    white-space: normal;
    word-break: break-word;
}

.sales-report-page #product_listing tbody td:nth-child(1) {
    min-width: 140px;
    max-width: 220px;
}

.sales-report-page #product_listing tbody td:nth-child(6),
.sales-report-page #product_listing tbody td:nth-child(7) {
    min-width: 120px;
    max-width: 320px;
}

@media (max-width: 1600px) {
    .sales-report-page > .toolbar_2.sales-report-filters .grid-item {
        width: calc(25% - 10px);
    }
}

@media (max-width: 992px) {
    .sales-report-page > .toolbar_2.sales-report-filters .grid-item {
        width: calc(50% - 10px);
    }
}
/* ===== END sales-report-page ===== */

/* ===== products-listing-page (inventory + consignment products_new.php) ===== */
/* .products-listing-page #product_listing,
.products-listing-page .wc-products-listing-table {
    table-layout: auto;
}  
.products-listing-page #product_listing thead th,
.products-listing-page #product_listing tbody td,
.products-listing-page #product_listing tfoot td,
.products-listing-page .table_on_popup thead th,
.products-listing-page .table_on_popup tbody td {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
    vertical-align: top !important;
    line-height: 1.45;
}

.products-listing-page #product_listing tbody td a,
.products-listing-page .table_on_popup tbody td a {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.products-listing-page #product_listing tbody tr,
.products-listing-page .table_on_popup tbody tr {
    height: auto !important;
}

.products-listing-page #product_listing.dataTable tbody td,
.products-listing-page #product_listing.dataTable thead th {
    white-space: normal !important;
} */

/* ===== END products-listing-page ===== */

.wc-datatable-loading {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.72);
}

.wc-datatable-loading[hidden] {
	display: none !important;
}

.wc-datatable-loading__panel {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	padding: 1.25rem 1.5rem;
	border-radius: 0.5rem;
	background: #fff;
	box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.12);
	color: #333;
	font-family: "Lato", sans-serif;
	font-size: 0.95rem;
}

.wc-datatable-loading__spinner {
	width: 2rem;
	height: 2rem;
	border: 0.2rem solid rgba(0, 0, 0, 0.12);
	border-top-color: #333;
	border-radius: 50%;
	animation: wc-datatable-loading-spin 0.75s linear infinite;
}

@keyframes wc-datatable-loading-spin {
	to {
		transform: rotate(360deg);
	}
}

.dataTables_wrapper .dataTables_processing {
	z-index: 10;
}

/* ===== BEGIN fluid viewport layout ===== */
body:not(.wc-login-page) {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

body:not(.wc-login-page) > .container {
	width: 100%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}

.wc-app-container > .container,
.wc-app-container .container,
.wc-app-container .wc-page .container {
	width: 100%;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

.wc-page,
.products-listing-page,
.products-listing-page .container {
	width: 100%;
	max-width: 100%;
}

.listingFilters .toolbar {
	max-width: 100%;
}

.dataTables_wrapper {
	width: 100%;
	max-width: 100%;
}

@media (max-width: 767px) {
	body:not(.wc-login-page) > .container,
	.wc-app-container {
		padding-left: clamp(8px, 3vw, 16px);
		padding-right: clamp(8px, 3vw, 16px);
	}
}

@media (min-width: 1400px) {
	:root {
		--wc-page-gutter: clamp(16px, 2vw, 36px);
	}
}

@media (min-width: 1920px) {
	:root {
		--wc-page-gutter: clamp(20px, 1.8vw, 48px);
	}
}
/* ===== END fluid viewport layout ===== */

/* style-dev */