.card-1 {
	padding: 10px; 
	height: 7rem; 
	box-shadow: 0 1px 2px rgba(56, 65, 74, 0.55);
} 
.card-1:hover{
	padding: 10px; 
	height: 7rem; 
	box-shadow: 0 1px 2px rgba(100, 65, 74, 0.95);
} 
hr {
    margin: 0.6rem 0;
    color: inherit;
    border: 0;
    border-top: var(--vz-border-width) solid;
    opacity: .25;
} 
.sale-card {
	border: 1.5px solid black !important;
} 


.float-right {
	float: right;
} 
.table-zaiqa-h th{
	background-color: #d9d9d0;
} 
.btn-add {
	background-color: #299CDB; 
	border: 1px solid white; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 16px;
} 
.btn-add:hover {
	background-color: #299CD9; 
	border: 1px solid white; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 16px;
} 
.btn-edit {
	background-color: #0A3DF5; 
	border: 1px solid white; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 16px; 
	padding: 6px 8px;
} 
.btn-edit:hover {
	background-color: #0830c1; 
	border: 1px solid white; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 16px; 
	padding: 6px 8px;
} 

 
.btn-delete {
	background-color: #ff0026; 
	border: 1px solid white; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 16px; 
	padding: 6px 8px;
}
.btn-delete:hover{
	background-color: #ca001e; 
	border: 1px solid white; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 16px; 
	padding: 6px 8px;
}
.sales-btn-draft {
	background-color: #F8A936; 
	border: 1px solid white; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 16px;
} 
.sales-btn-draft:hover{
	background-color: #F8A939; 
	border: 1px solid white; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 16px;
} 
.sales-btn-save {
	background-color: #008a03; 
	border: 1px solid white; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 16px;
}
.sales-btn-save:hover{
	background-color: #008a09; 
	border: 1px solid white; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 16px;
} 

.sales-btn-share {
	background-color: #0a3df5; 
	border: 1px solid white; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 16px;
} 
.sales-btn-share:hover{
	background-color: #0a3df9; 
	border: 1px solid white; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 16px;
} 
.sales-btn-cancel {
	background-color: #ff0026; 
	border: 1px solid white; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 16px;
}
.sales-btn-cancel:hover{
	background-color: #ff0029; 
	border: 1px solid white; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 16px;
} 

.btn-view {
	background-color: #F0DA8F; 
	border: 1px solid F0DA8F; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 15px;
} 
.btn-view:hover{
	background-color: #F0DA89; 
	border: 1px solid F0DA89; 
	border-radius: 5px; 
	color: #fff; 
	font-size: 15px;
} 

/* Style readonly input fields */
input[readonly] {
	background-color: #EFF2F9; /* Set the background color */
	color: #000; /* Optional: Set text color */
	cursor: not-allowed; /* Indicate the field is not editable */
}

/* Maintain the background color even when the input is focused */
input[readonly]:focus {
	background-color: #EFF2F9; /* Keep the background color the same on focus */
	outline: none; /* Optionally remove the outline */
}
.p-t-10 {
	padding-top: 10px;
} 
.p-t-20 {
	padding-top: 20px;
} 
.p-t-30 {
	padding-top: 30px;
} 
.p-t-40 {
	padding-top: 40px;
} 
.p-t-50 {
	padding-top: 50px;
} 
.p-t-60 {
	padding-top: 60px;
} 
.p-t-70 {
	padding-top: 70px;
} 
.p-t-80 {
	padding-top: 80px;
} 
.p-t-90 {
	padding-top: 90px;
} 
.p-t-100 {
	padding-top: 100px;
} 
.pad-5 {
	padding: 5px;
} 
.p-10 {
	padding: 10px;
} 
.p-20 {
	padding: 20px;
} 
.p-30 {
	padding: 30px;
}

/* Style readonly input fields */
input[readonly] {
	background-color: #e5e7eb !important; /* Set the background color */
	color: #000; /* Optional: Set text color */
	cursor: not-allowed; /* Indicate the field is not editable */
}

/* Maintain the background color even when the input is focused */
input[readonly]:focus {
	background-color: #e5e7eb !important; /* Keep the background color the same on focus */
	outline: none; /* Optionally remove the outline */
} 

input[type=number] {
    -moz-appearance: textfield; /* For Firefox */
    appearance: auto; /* For other browsers */
} 
/* table .form-control {
	width: auto !important;
}  */ 
.product-id {
	width: 100px !important;
}
.product-name {
	width: 160px !important;
}
.no {
	width: 90px !important;
}

.todays-price{
	width: 90px !important;
}
.margin {
	width: 90px !important;
}
.rate-per-kg {
	width: 90px !important;
}
.total-rate {
	width: 100px !important;
}