/* Responsive PDF container */
.pdf-container {
	width: 100%;
	max-width: 100%;
	height: 70vh; /* Adjustable height based on viewport */
	max-height: 70vh;
	overflow: auto; /* Scroll if content overflows */
	position: relative;
	border: 1px solid #ccc;
}

/* Responsive iframe */
.pdf-container iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

.btn-group-sm > .btn {
	padding: 2px 10px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}
/* সেকশনগুলো ওপেন হওয়ার সময় একটা হালকা বর্ডার থাকলে ভালো দেখাবে */
#cr_part, #bill_part, #dr_part {
	transition: all 0.5s ease;
	margin-bottom: 15px;
	padding: 10px;
	border-radius: 8px;
	background: #f8f9fa;
}







/* Select2 কন্টেইনারকে ইনপুট গ্রুপের সাথে লাইনে রাখার জন্য */
.input-group > .select2-container--default {
    flex: 1 1 auto;
    width: 1% !important;
}

/* ড্রপডাউন বক্সের হাইট এবং বর্ডার ঠিক করার জন্য */
.input-group > .select2-container--default .select2-selection--single {
    height: 100% !important;
    border: 1px solid #ced4da;
    border-radius: 0; /* ইনপুট গ্রুপের মাঝখানে রেডিয়াস রিমুভ করার জন্য */
    display: flex;
    align-items: center;
}

/* যদি বাম পাশের টেক্সট বক্স (Prepend) থাকে তবে তার পাশের কোণা সোজা করার জন্য */
.input-group-prepend ~ .select2-container--default .select2-selection--single {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}












.acc-card { border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); border: none; }
.acc-header { background: #f8f9fa; border-bottom: 1px solid #eee; border-radius: 12px 12px 0 0 !important; font-weight: 700; color: #333; }
.form-group label { font-weight: 600; font-size: 13px; color: #555; margin-bottom: 5px; }
.form-control { border-radius: 8px; border: 1px solid #ddd; height: 40px; }
.form-control:focus { border-color: #7e3af2; box-shadow: 0 0 0 3px rgba(126, 58, 242, 0.1); }

/* Segmented Buttons */
.btn-toggle-group { display: flex; background: #eee; padding: 4px; border-radius: 10px; margin-bottom: 20px; }
.btn-toggle-group .btn { flex: 1; border: none; border-radius: 8px; font-weight: 600; font-size: 12px; transition: 0.3s; }
.btn-toggle-group .btn-outline-primary.active { background: #007bff; color: white; }
.btn-toggle-group .btn-outline-info.active { background: #17a2b8; color: white; }
.btn-toggle-group .btn-outline-success.active { background: #28a745; color: white; }

/* Amount Section styling */
.amount-box { padding: 15px; border-radius: 10px; margin-bottom: 15px; }
.bg-cr { background: rgba(0, 123, 255, 0.05); border: 1px solid rgba(0, 123, 255, 0.2); }
.bg-bill { background: rgba(23, 162, 184, 0.05); border: 1px solid rgba(23, 162, 184, 0.2); }
.bg-dr { background: rgba(40, 167, 69, 0.05); border: 1px solid rgba(40, 167, 69, 0.2); }

.word-display { font-size: 11px; margin-top: 4px; display: block; color: #666; font-style: italic; }
.preview-wrapper img { border-radius: 8px; margin: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }




.preview-wrapper { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.preview-item { position: relative; width: 90px; height: 90px; }
.preview-item img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; border: 1px solid #ddd; }
.remove-icon { position: absolute; top: -5px; right: -5px; background: red; color: white; border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 18px; cursor: pointer; font-size: 14px; font-weight: bold; border: 1px solid white; }
    



/* .tftable    {font-family: 'Times New Roman', Times, serif;font-size:14px;color:#000000;width:100%;border-width: 1px;border-color: #9dcc7a;border-collapse: collapse;}
.tftable th {font-size:14px;background-color:#abd28e;border-width: 1px;padding: 4px;border-color: #9dcc7a;text-align:left;}
.tftable tr {background-color:#ffffff;}
.tftable td {font-size:14px;border-width: 1px;padding: 2px;border-color: #9dcc7a;}
.tftable tr:hover {background-color:#ffff99;}



.table {
    margin-bottom: 0 !important
} */




/* @media print {
	.noPrint {display:none;}
	
	.tftable    {font-family: 'Times New Roman', Times, serif;font-size:14px;color:#000000;width:100%;border-width: 1px;border-color: #000000;border-collapse: collapse;}
	.tftable th {font-size:14px;background-color:#000000;border-width: 1px;padding: 4px;border-color: #000000;text-align:left;}
	.tftable tr {background-color:#ffffff;}
	.tftable td {font-size:14px;border-width: 1px;padding: 2px;border-color: #000000;}
	.tftable tr:hover {background-color:#ffff99;}
	
}
 */