@font-face {
	font-family: 'QUICKSAND-BOLD'; 
	src: url('/assets/fonts/Quicksand-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'QUICKSAND-SEMIBOLD';
	src: url('/assets/fonts/Quicksand-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'QUICKSAND-REGULAR';
	src: url('/assets/fonts/Quicksand-Regular.woff2') format('woff2'); 
}

*{
	padding: 0;
	margin: 0;
}
body{
	font-family: 'QUICKSAND-REGULAR';  
}
strong,.fw-bold{
	font-family: 'QUICKSAND-BOLD'; 
} 
.reprint
{
	background-color: #e6e6e6;
}
.completed_by,.completed_at
{
	font-size: 10px;  
}
.step_label
{
	line-height:50px;
}
.btn-color{
	background-color: #0e1c36;
	color: #fff;

}

.profile-image-pic{
	width: 140px;
}

.sidebar .nav-item.active {
	/* background: #ccc; */
	background: #e9cedb;
}
.sidebar .nav-item.active span.fw-bold
{
	color: #e31a82;
}

.cardbody-color{
	padding: 5rem !important;   
}
.loginbg
{
	background:#eb1d7b;
}
.color_white
{
	color:white;
}
#add_new_line,#poedit_add_new_line
{
	display:-webkit-inline-box;
	cursor: pointer;
}
.purchaseOrderTable .delete,.stockAdjustmentTable .delete,.stockTransferTable .delete
{
	cursor: pointer;
	font-size: 20px;
}

a{
	text-decoration: none;
}

.topnavbar ul.navTab{
	width: 75%;
	margin: auto; 
}

.topnavbar ul.navTab .nav-link.active{
	background-color: #eb1d7b;   
	color: white;   
}
.topnavbar ul.navTab .nav-item{  
	justify-content: center;
	display: flex; 
}
.topnavbar ul.navTab .nav-link{  
	color: Black;  
	width: fit-content; 
}
.sidebar .settings{
	bottom: 10px;  
	left: 0;
	right: 0;
}
.green {
    color: #0f5132;
}
.dashboard-box:nth-child(1){ 
	margin-right:6.5rem!important;    
}
.dashboard-box{
	border-radius: 1.3rem!important; 
	background-color: #f2f2f2; 
}
.sidebar{
	background-color: #eb1d7b;   
	height: 100%;
	position: fixed !important;
	z-index: 1;
	top: 0;
	left: 0;  
	width: 100px; 
/*	overflow-y: scroll;     */ 
}
.sidebar::-webkit-scrollbar {
	display: none;  
}  
.sidebar img.logo{
	width: 70%;
}
.sidebar a{
	text-align: center;
	display: contents; 
}
.btn-action{
	background-color: #eb1d7b; 
	/*min-width: 130px;*/
	color: white;
}
.btn-complete{
	background-color: #E6E6E6; 
	color: #eb1d7b;
	min-width: max-content;
}

.bg-color{ 
	background-color: #eb1d7b; 
	/*min-width: 130px;*/
	color: white;
}
.border-color{ 
	border-color: #eb1d7b; 
}
.btn:hover
{
	color:#fff;
}
.btn-action.order_item_status
{
	width:auto;
	margin: 0px auto;
}
#myTable .orderView td p
{
	margin-bottom: 0.3rem;
	font-size: 15px;
}
.bg-cutom{
	background-color: #eb1d7b; 
}
.ops_color{
	color: #eb1d7b; 
}
.deleted,.error{
	color: red; 
}
ul.customisation li{
	font-size: 15px !important;  
}

.orderView .list-unstyled .label
{
	display: -webkit-inline-box;
	min-width: 135px;
}
.orderView .list-unstyled .checkbox
{
	display: -webkit-inline-box;
	width: 22px;
	height: 22px;
	vertical-align: middle;
}
.orderView .list-unstyled .checkbox:after {
	content:'✓';
	position: absolute;
	display: none;
} 
input:checked ~ .checkmark:after {
	display: block;
} 
.orderView .list-unstyled .fw-bold
{
	font-size: 14px;
	min-width: 80px; 
	display: -webkit-inline-box;
}
table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > *
{
	box-shadow:unset !important;
}
a.disabled {
	pointer-events: none;
	color: #ccc;
}
.heldBy{
	font-size: .675em;
}
.clutch,.chain
{
	display:none;
}
.blinds
{
	display:block;
}
.woodenBlind
{
	display:none;     
}
.receieve_d,.update_s
{
	background:#52d87f;
	color:#000;
}
.Complete
{
	color:#38761d;
}
.replenish_circle
{
	background:#ffa500 !important;
}
.replenish_row
{
	color:#ffa500;
}
.oss_circle
{
	background:#ff0000 !important;
}
.oss_row
{
	color:#ff0000;
}
.no_drill_circle
{
	background:#a18ac9 !important;
}
.no_drill_row
{
	color:#a18ac9;
}
.pending,.replenish_oos
{
	color:#ffe599;
}
.circle{
	width: 10px;
    height: 10px;
    display: -webkit-inline-box;
    background: #ffe599;
    border-radius: 50px;
}
.awaiting{
	background-color:#ffe599;
	color:#000000;
}
.Cancelled
{
	color:#e06666;
}
.ostatus
{
	font-weight:bold;
}
div.form-control
{
	background:#e6e6e6;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e6e6e6;
}
.tick_bg
{
	background:url('../images/check.png');
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center; 
}
.forecast_label
{
	padding-right: 22px;
}
.forecast .round .form-control
{
	border-radius: 50px;
}
.cpink
{
	color:pink;
}
.menuActive i,.menuActive span
{
	font-size: 18px;
	font-weight: bolder;
}
.btn-line_complete
{
	background:#f2f2f2;
	padding: 18px;
	border-radius: 15px; 
}
.hide{
	display:none !important;
} 
.greyedout
{
	opacity:0.3 !important;  
	pointer-events: none !important;
}
.po_reference_error{
	color: #6c757d; 
}
.input-group.select2 .select2-container--default .select2-selection--single{
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 36px;
	user-select: none;
	border: none !important;
	-webkit-user-select: none;
	background-color: #e6e6e6;
	border: 1px solid #aaa;
	border-radius: 35px;
}
.input-group.select2 .select2-container--default .select2-selection--single .select2-selection__arrow,.purchaseOrderTable .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 34px; 
}
.input-group.select2 .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 35px; 
}
.datepicker table{
	width: 100%;
}
.datepicker.datepicker-dropdown{
	min-width: 18.5rem; 
}
ui-datepicker .ui-state-hover {
    background: none !important;  /* Remove the background color */
    border: none !important;      /* Remove the border (if any) */
    color: inherit !important;    /* Keep the text color as is */
} 
.select2 {
	width: 100% !important;
	-moz-padding-start: calc(0.75rem - 3px);
	font-size: 1rem;
	font-weight: 400;
}
.activity_type .select2{
	width: calc(100% - 36%) !important;
}
.user_activity .select2{
	width: calc(100% - 34%) !important;
}
.activity_type .select2-container--default .select2-selection--single,.user_activity .select2-container--default .select2-selection--single
{
	border-radius: 0px 4px 4px 0px;
}
.select2-container .select2-selection--multiple,.select2-container .select2-selection--single
{
	min-height: 37px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 33px !important;
}




/* AK ITR */

.login > .profile-image-pic{
	position: absolute;
	bottom: 5px;
	right: 35px;
}

.sidebar-nav .nav-item .nav-link img{
	width: 45px;
}
.inner_head{
	color: white;
    padding: 10px 0px 5px 0px;
    border-bottom: 2px solid #fff;
    cursor: pointer;
    font-size: 19px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.sidebar-nav .nav-item {
	width: 100%;
	/*padding:4px 0px 9px 0px;*/
	height:11vh;
	padding-top:1vh;
	
} 


.sidebar-nav .nav-item .nav-link{ 
	color:#fff;
	font-size: 0.7vw;
	cursor: pointer;
}
.topnavbar {
	background: #f2f2f2;
}
.topnavbar .input-group-text.label {
	background: unset;
	color:#eb1d7b;
	border:0;
}

.topnavbar{
	width: 100%;
	/*margin-left: 7% !important;*/
}
.topnavbar button.input-group-text{
	background-color: #eb1d7b;
	border-radius: 5px;
	color: #fff;
	border-radius: 0.25rem !important;
	border-color: #eb1d7b;
} 

.topnavbar .form-control{
	border:0;
}
.theme-bg{
	background-color: #eb1d7b; 
}
.units-box{
	color: #fff;
	border-bottom-right-radius: 1.3rem ;
	border-bottom-left-radius: 1.3rem ;
	margin-top: -20px;

}
.units-box .count{
	font-size: 3.5rem !important;

}
.dashboard-box{
	position: relative;
}

.units-box .label{

	margin-top: 30px;
	margin-bottom: 0px;

}
/*landedCostForm*/
.landedCostForm .input-group-text
{
	width:100%;
}
.landedCostTop
{
	margin-bottom:5rem;
}
.input-group-text-table
{
	background-color: #e6e6e6;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	padding: 5px 10px;
}

.form-check-input:checked{
	background-color: #eb1d7b; 
	border-color:#eb1d7b; 
}
.form-check-input:focus{ 
	box-shadow: 0 0 0 0.25rem #f2f2f2; 
}
.orders_view_details_input{
	line-height: 35px;   
}
.production-label-bg-color{ 
	background-color: #00DB86;
}
.reprint_production-label-bg-color{
	background-color: #e6e6e6;  
}
.reprint_production-label-bg-color button{
	color:#918e8e;
}
.export_csv_btn{  
	background-color: #00DB86; 
}
.min-height-50{
	min-height: 55px; 
}

.bar_code .first_row > p{
	margin: revert;
}
.bar_code div > p{
	margin: 0; 
	padding: 2.5px 0px; 
}
.text12
{
	font-size:12px;
}
/* new ----*/
.bg_pink{
	/*background-color: #FFBADA;*/
	background: linear-gradient(to right, #FFBADA 0%, #FFBADA 50%, #eb1d7b 50%, #eb1d7b 100%);
    background-size: 100% 100%;
}
.express_bg{
	background-color: #cdcdcd;
}
.chart_indicators .indicators{
	display:inline-block; 
	width:12px; 
	height:12px; 
	margin-right:5px;
}
.chart_indicators .roller{
	background:#000000; 
}
.chart_indicators .wooden{
	background:#eb1d7b; 
}
.chart_indicators .loft{
	background:#808080; 
}
.chart_indicators .curtain{
	background:#ffa500; 
}
.chart_indicators .venetian{
	background:#ffbada; 
}
.chart_indicators .comp{
	background:#a18ac9; 
}

.mondatory_box div.row{
	border-radius: 20px !important;
}
.mondatory_box .sub-heading{
	font-size:0.8vw;
}
.mondatory_box .mt_section strong{
	font-size: 1vw;
}
.w-20{
	width:20% !important;
}
.fsvh-1{
	font-size: 0.9vw !important;
}
.fsvh-2{
	font-size: 1vw !important;
}
.dashboard-box .count{
	font-size: 5.2vw;    
} 
.units-box .label{ 
	margin-top: 21px;
	margin-bottom: 0px; 
}
.unit_text{
	color: #ffb6b6;
}
.despatches_perfo_table thead{
	background-color: white !important;
}
.despatches_perfo_table tbody > tr:not(:first-child){
	background-color: #cdcdcd !important;
}
.table_bg_color{
	background-color: #eb1d7b !important;
}
.dashboard-box-heading{
	color: #787878;
} 
.despatches_perfo_table tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 15px;
}
.despatches_perfo_table tr{
    border-bottom: 2px #fff solid;
} 
.despatches_perfo_table .heading,.despatches_perfo_table tbody > tr:last-child {
    border-bottom: 0px #fff solid;
} 
.despatches_perfo_table tbody > tr:nth-child(2) > td:first-child {
    border-radius: 15px 0px 0px 0px;
} 
.despatches_perfo_table tbody > tr:last-child > td:first-child {
    border-radius: 0px 0px 0px 15px;
}
.despatches_perfo_table tbody > tr:nth-child(2) > td:last-child {
    border-top-right-radius: 15px; 
}
.loading-mask {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    justify-content: center;
    align-items: center;
	text-align: center;
}

.loading-mask img {
    width: 250px; /* Adjust the size as needed */
    /* height: 50px; Adjust the size as needed */
}
.unhold_order,.hold_order
{
	background:#f4df6b;
	margin-right: 14%;
}
.sku_consumption_container,.user_activity_report1,.table_fullwidth_container
{
	overflow-x:scroll;
}
.sku_consumption_container table th{
	min-width:95px;
}
.sku_consumption_container table th:first-child,.table_fullwidth_container table th:first-child{
	min-width:145px;
}
.showing{
	font-size: 0.9vw;
}


/* brkt */

div#icon-container {
    position: relative;
	display:inline;
}

input#date-picker {
    width: 1px;
    opacity: 0.1;
}

i#edit-icon {
    cursor: pointer;
	
}

.color_red {		
	color: #a21b36;
}
.ind_loader { 
  border: 3px solid #f3f3f3; /* Light grey */
  border-top: 3px solid #000000;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  animation: spin 2s linear infinite;
  display:-webkit-inline-box;
  vertical-align:middle;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.warehouse_type{
	background: #d6d6d6;
    border: 1px #808080 solid;
    border-radius: 25px;
    text-align: center;
    font-size: 22px;
    font-weight: bolder;
	margin: 22px 16px;
	padding: 14px 0px;
	cursor:pointer;
	display: flex;
    justify-content: center;
    align-items: center;
}
.warehouse_type img{
	width: 50%;
}
.warehouse_type img.walkers-logo{
	width: 95%;
}
.warehouse_type.selected{
	/*background-color: #ff007f; /* Highlighted background */
    /*color: #ffffff; /* White text for contrast */
    box-shadow: inset 0 0 0 2px #ff007f; /* Inset shadow to mimic a border */
    transform: scale(1.02); /* Slight scaling */
}


.warehouse-option {
    background-color: #f0f0f0;
    color: #333;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

/* Style for the selected option */

/* Option hover effect */
.warehouse_type:hover {
    cursor: pointer;
}

@keyframes vibrate {
    0% { transform: translateX(0); }
    25% { transform: translateX(-2px); }
    50% { transform: translateX(2px); }
    75% { transform: translateX(-2px); }
    100% { transform: translateX(0); }
}

.input-vibrate {
    animation: vibrate 0.3s linear;
}
#warehouse_postcode{
	margin:0px auto 5px auto;
}
.inv_dashboard thead tr{
    background:#eb1d7b;
}
.inv_dashboard thead tr th:first-child{
    border-radius: 6px 0px 0px 6px;
}
.inv_dashboard thead tr a{
    color:#fff;
	font-size: 0.9rem;
}

.inv_dashboard thead tr th:last-child {
    border-radius: 0px 6px 6px 0px;
}
.no-drill-wood .dataTables_wrapper{
	overflow-x: auto;
	width: 100%;
}

@media (min-width: 1780px) {
	.container:has(.dashboard-box-heading){
		max-width: 90%;
	}
}
.dash-img{
	width: 35%;
}