.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 #F8A936; 
	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 #008a03; 
	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 #0a3df5; 
	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 #ff0026; 
	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;
}
.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: lightgrey; /* 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: lightgrey; /* Keep the background color the same on focus */
	outline: none; /* Optionally remove the outline */
}