/* CSS Stylesheet for Policy Issuance System */

.Label
{
	font-size: small;
	font-family: Arial;
}
.LabelBld
{
	font-weight:bold;
	font-size: small;
	font-family: Arial;
}
.Labelsmall {
	font-size: small;
	font-family: Arial;
}
.LabelMediumText
{
	font-size: medium;
	font-family: Arial;
}

.HeaderLabel
{
	font-size: large;
	font-family: Arial;
	font-weight: bold;
	color: White;
	line-height:0px;
}

.AppNameLabel
{
	font-size: xx-large;
	font-family: Arial;
	font-weight: bold;
	color: #010A6F;
}

.BoldLabel
{
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
}

.BoldUnderlinedLabel
{
	font-size: small;
	font-family: Arial;
	font-weight: bold;
	text-decoration: underline;
}

.UnderlinedLabel
{
	font-size: small;
	font-family: Arial;
	text-decoration: underline;
}

.MandatoryLabel
{
	font-size: small;
	font-family: Arial;	
	color: Black;
}

.Field {
	font-size: small !important;
	font-family: Arial !important;
	height: 22px;
}
.field-large {
	width: 385px;
	height: 22px;
}
.field-xlarge {
	width: 932px;
	height: 60px;
}
.field-small {
	width: 80px;
	height: 22px;
}
.Region {
    text-align: left;
    width: 950px;
    background-color: #F4F4F4;
    border: solid 2px #C4C4C4;    
    font-family: Arial;
   
}

.RegionHeader {
text-align: center;
vertical-align: middle;
background-color: #3460AD;	
margin: 4px 4px 4px 4px;
box-sizing: border-box;
height: 21px;
}

	


html, body, form
{
	height: 100%;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Arial !important;
}

/* Remove stepper arrows from ALL number inputs */
input[type="number"] {
	-webkit-appearance: textfield !important;
	-moz-appearance: textfield !important;
	appearance: textfield !important;
}

	/* Hide spinners for Chrome, Safari, Edge on ALL number inputs */
	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {
		-webkit-appearance: none !important;
		margin: 0 !important;
	}

/* reCaptcha widget background color */
/*
.recaptchatable .recaptcha_image_cell, #recaptcha_table 
{
	background-color:#3460AD !important;
}
*/
 
/* reCaptcha widget border color */
#recaptcha_table 
{
	border-color: #C4C4C4 !important;
	border-width: 2px !important;
	border-style: solid !important;
}
 
/* reCaptcha text input field */
#recaptcha_response_field 
{
	border-color: #A5ACB2 !important;
	background-color:#FFFFFF !important;
	font-family: Arial !important;
	font-size: small !important;
	height: 20px !important;
}

/*
#recaptcha_response_field 
{
	border-color: #FF0000 !important;
	background-color:#FFFFFF !important;
}
*/

.CenterInPage {
	margin: 0 auto;
	text-align: center;
}


.HeaderCaptionClass {
	text-align: center !important;
	background-color: #939598 !important;
	font-family: Arial !important;
	color: black !important;
	border-top: 1px solid silver !important;
	border-left: 1px solid silver !important;
	font-size: small !important;
	font-weight: bold !important;
	padding: 0px !important;
}

tbody.NewItemClass > tr > td {
	text-align: center !important;
	font-family: Arial !important;
	padding: 1px !important;
	color: black !important;
	border-top: 1px solid silver !important;
	border-left: 1px solid silver !important;
	font-size: small !important;
}


.HeaderCaptionClassAllBorder {
	text-align: center !important;
	background-color: #939598 !important;
	font-family: Arial !important;
	color: black !important;
	border: 0.5px solid silver !important;
	font-size: small !important;
	font-weight: bold !important;
}

tbody.NewItemClassAllBorder > tr > td {
	text-align: center !important;
	font-family: Arial !important;
	padding: 1px !important;
	color: black !important;
	border: 0.2px solid silver !important;
	font-size: small !important;
}

/* Percentage input styling with inline % suffix */
.percentage-input-container {
	position: relative;
	display: inline-block;
	width: 80px;
}

.percentage-input {
	width: 100% !important;
	padding-right: 15px !important;
	text-align: left !important;
	box-sizing: border-box !important;
	/* Percentage inputs also have no spinners (covered by global rule above) */
}

.percentage-suffix {
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: #666;
	font-weight: bold;
	font-size: small;
	font-family: Arial;
	z-index: 1;
}

/* Special styling for percentage inputs to show % inside */
.percentage-input::after {
	content: '%';
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: #666;
	font-weight: bold;
}

/* Enhanced percentage input styling */
.percentage-input-enhanced {
	width: 88px !important;
	text-align: right !important;
	box-sizing: border-box !important;
	font-size: small !important;
	font-family: Arial !important;
}

/* Validation error styling */
.premium-mix-validation {
	display: block;
	color: red;
	font-size: small;
	font-family: Arial;
}

/* Table headers styling - Apply gray background to all table headers */
table thead th,
table thead tr th,
th {
	background-color: #939598 !important;
	font-family: Arial !important;
	color: black !important;
	font-size: small !important;
	font-weight: bold !important;
	text-align: center !important;
	border: 1px solid silver !important;
	padding: 5px !important;
}

/* Specific styling for industry percentage table headers */
#tblIndustry tr[style*="background-color: gray"] td {
	background-color: #939598 !important;
	font-family: Arial !important;
	color: black !important;
	font-size: small !important;
	font-weight: bold !important;
	text-align: center !important;
	border: 1px solid silver !important;
	padding: 5px !important;
}

/* Ensure all labels use Arial font */
label {
	font-family: Arial !important;
}

/* Ensure all inputs and selects use Arial font */
input, select, textarea {
	font-family: Arial !important;
}

/* Ensure all buttons use Arial font */
button, .btn {
	font-family: Arial !important;
}

/* Ensure all table elements use Arial font */
table, td, th {
	font-family: Arial !important;
}

/* Custom button styling using SmallButton.gif background - White text and rounded edges */
button#addOwnerBtn, button#deleteOwnerBtn,
button#addAdminContactBtn, button#deleteAdminContactBtn,
button#addProductionContactBtn, button#deleteProductionContactBtn,
button#addCarrierBtn, button#deleteCarrierBtn,
button#addInsuranceProductBtn, button#deleteInsuranceProductBtn,
button#addWholesaleInsuranceProductBtn, button#deleteWholesaleInsuranceProductBtn {
	background: url('../Resources/SmallButton.gif') no-repeat center center !important;
	background-size: contain !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 6px !important;
	width: 90px !important;
	height: 25px !important;
	color: white !important;
	font-family: Arial !important;
	font-size: 10px !important;
	font-weight: bold !important;
	text-align: center !important;
	cursor: pointer !important;
	padding: 0 !important;
	margin: 2px !important;
	position: relative !important;
	display: inline-block !important;
	vertical-align: middle !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important;
	overflow: hidden !important;
}

	/* Hover effects for custom buttons */
	button#addOwnerBtn:hover, button#deleteOwnerBtn:hover,
	button#addAdminContactBtn:hover, button#deleteAdminContactBtn:hover,
	button#addProductionContactBtn:hover, button#deleteProductionContactBtn:hover,
	button#addCarrierBtn:hover, button#deleteCarrierBtn:hover,
	button#addInsuranceProductBtn:hover, button#deleteInsuranceProductBtn:hover,
	button#addWholesaleInsuranceProductBtn:hover, button#deleteWholesaleInsuranceProductBtn:hover {
		opacity: 0.8 !important;
		color: white !important;
	}

	/* Active state for custom buttons */
	button#addOwnerBtn:active, button#deleteOwnerBtn:active,
	button#addAdminContactBtn:active, button#deleteAdminContactBtn:active,
	button#addProductionContactBtn:active, button#deleteProductionContactBtn:active,
	button#addCarrierBtn:active, button#deleteCarrierBtn:active,
	button#addInsuranceProductBtn:active, button#deleteInsuranceProductBtn:active,
	button#addWholesaleInsuranceProductBtn:active, button#deleteWholesaleInsuranceProductBtn:active {
		opacity: 0.6 !important;
		transform: scale(0.98) !important;
		color: white !important;
	}

	/* Remove Bootstrap button styling */
	button#addOwnerBtn.btn, button#deleteOwnerBtn.btn,
	button#addAdminContactBtn.btn, button#deleteAdminContactBtn.btn,
	button#addProductionContactBtn.btn, button#deleteProductionContactBtn.btn,
	button#addCarrierBtn.btn, button#deleteCarrierBtn.btn,
	button#addInsuranceProductBtn.btn, button#deleteInsuranceProductBtn.btn,
	button#addWholesaleInsuranceProductBtn.btn, button#deleteWholesaleInsuranceProductBtn.btn {
		background-image: url('../Resources/SmallButton.gif') !important;
		background-color: transparent !important;
		border: none !important;
		border-radius: 6px !important;
		box-shadow: none !important;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important;
		color: white !important;
	}

	/* Override Bootstrap primary and danger button styles */
	button#addOwnerBtn.btn-primary, button#addAdminContactBtn.btn-primary,
	button#addProductionContactBtn.btn-primary, button#addCarrierBtn.btn-primary,
	button#addInsuranceProductBtn.btn-primary, button#addWholesaleInsuranceProductBtn.btn-primary {
		background: url('../Resources/SmallButton.gif') no-repeat center center !important;
		background-color: transparent !important;
		border-color: transparent !important;
		border-radius: 6px !important;
		color: white !important;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important;
	}

	button#deleteOwnerBtn.btn-danger, button#deleteAdminContactBtn.btn-danger,
	button#deleteProductionContactBtn.btn-danger, button#deleteCarrierBtn.btn-danger,
	button#deleteInsuranceProductBtn.btn-danger, button#deleteWholesaleInsuranceProductBtn.btn-danger {
		background: url('../Resources/SmallButton.gif') no-repeat center center !important;
		background-color: transparent !important;
		border-color: transparent !important;
		border-radius: 6px !important;
		color: white !important;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important;
	}

/* Top Commercial Lines Carriers - Column width adjustments */
#tblCarriers table.table th:nth-child(2) { /* Carrier Name */
	width: 35% !important;
	min-width: 250px !important;
}

#tblCarriers table.table th:nth-child(3) { /* Premium Written */
	width: 20% !important;
	min-width: 150px !important;
}

#tblCarriers table.table th:nth-child(4) { /* Loss Ratio% */
	width: 20% !important;
	min-width: 150px !important;
}

#tblCarriers table.table th:nth-child(5) { /* Predominate Products Written */
	width: 25% !important;
	min-width: 200px !important;
}

#tblCarriers table.table td:nth-child(2) { /* Carrier Name cells */
	width: 35% !important;
	min-width: 250px !important;
}

#tblCarriers table.table td:nth-child(3) { /* Premium Written cells */
	width: 20% !important;
	min-width: 150px !important;
}

#tblCarriers table.table td:nth-child(4) { /* Loss Ratio% cells */
	width: 20% !important;
	min-width: 150px !important;
}

#tblCarriers table.table td:nth-child(5) { /* Predominate Products Written cells */
	width: 25% !important;
	min-width: 200px !important;
}
/* Commercial Insurance Products - Column width adjustments */
#Table1 table.table th:nth-child(2) { /* Insurance Products */
	width: 20% !important;
	min-width: 180px !important;
}

#Table1 table.table th:nth-child(3) { /* Do You Write? */
	width: 12% !important;
	min-width: 100px !important;
}

#Table1 table.table th:nth-child(4), /* Premium Volume Estimated */
#Table1 table.table th:nth-child(5), /* Predominate Carrier */
#Table1 table.table th:nth-child(6), /* Predominate Office Location */
#Table1 table.table th:nth-child(7) { /* Main Product Contact */
	width: 17% !important;
	min-width: 150px !important;
}

#Table1 table.table td:nth-child(2) { /* Insurance Products cells */
	width: 20% !important;
	min-width: 180px !important;
}

#Table1 table.table td:nth-child(3) { /* Do You Write? cells */
	width: 12% !important;
	min-width: 100px !important;
}

#Table1 table.table td:nth-child(4), /* Premium Volume Estimated cells */
#Table1 table.table td:nth-child(5), /* Predominate Carrier cells */
#Table1 table.table td:nth-child(6), /* Predominate Office Location cells */
#Table1 table.table td:nth-child(7) { /* Main Product Contact cells */
	width: 17% !important;
	min-width: 150px !important;
}

/* Wholesale Insurance Products - Column width adjustments */
#tblWholeSale_CommercialInsuranceProducts table.table th:nth-child(2) { /* Insurance Products */
	width: 20% !important;
	min-width: 180px !important;
}

#tblWholeSale_CommercialInsuranceProducts table.table th:nth-child(3) { /* Do You Write? */
	width: 12% !important;
	min-width: 100px !important;
}

#tblWholeSale_CommercialInsuranceProducts table.table th:nth-child(4), /* Premium Volume Estimated */
#tblWholeSale_CommercialInsuranceProducts table.table th:nth-child(5), /* Predominate Carrier */
#tblWholeSale_CommercialInsuranceProducts table.table th:nth-child(6), /* Predominate Office Location */
#tblWholeSale_CommercialInsuranceProducts table.table th:nth-child(7) { /* Main Product Contact */
	width: 17% !important;
	min-width: 150px !important;
}

#tblWholeSale_CommercialInsuranceProducts table.table td:nth-child(2) { /* Insurance Products cells */
	width: 20% !important;
	min-width: 180px !important;
}

#tblWholeSale_CommercialInsuranceProducts table.table td:nth-child(3) { /* Do You Write? cells */
	width: 12% !important;
	min-width: 100px !important;
}

#tblWholeSale_CommercialInsuranceProducts table.table td:nth-child(4), /* Premium Volume Estimated cells */
#tblWholeSale_CommercialInsuranceProducts table.table td:nth-child(5), /* Predominate Carrier cells */
#tblWholeSale_CommercialInsuranceProducts table.table td:nth-child(6), /* Predominate Office Location cells */
#tblWholeSale_CommercialInsuranceProducts table.table td:nth-child(7) { /* Main Product Contact cells */
	width: 17% !important;
	min-width: 150px !important;
}

/* Ensure table layout is fixed for better column control */
#tblCarriers table.table,
#Table1 table.table,
#tblWholeSale_CommercialInsuranceProducts table.table {
	table-layout: fixed !important;
	width: 100% !important;
}

	/* Input field width adjustments within the resized columns */
	#tblCarriers table.table input[style*="width:92%"],
	#Table1 table.table input[style*="width:92%"],
	#tblWholeSale_CommercialInsuranceProducts table.table input[style*="width:92%"],
	#Table1 table.table select[style*="width:95%"],
	#tblWholeSale_CommercialInsuranceProducts table.table select[style*="width:95%"] {
		width: 98% !important;
		box-sizing: border-box !important;
	}
/* View Printable Application and Submit button styling */
button[type="submit"][name="action"][value="print"],
button[type="submit"][name="action"][value="submit"] {
	background: url('../Resources/Button.gif') no-repeat center center !important;
	background-size: contain !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 6px !important;
	width: 220px !important;
	height: 45px !important;
	color: white !important;
	font-family: Arial !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-align: center !important;
	cursor: pointer !important;
	padding: 0 !important;
	margin: 8px !important;
	position: relative !important;
	display: inline-block !important;
	vertical-align: middle !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important;
	overflow: hidden !important;
}

	/* Hover effects for submit buttons */
	button[type="submit"][name="action"][value="print"]:hover,
	button[type="submit"][name="action"][value="submit"]:hover {
		opacity: 0.8 !important;
		color: white !important;
	}

	/* Active state for submit buttons */
	button[type="submit"][name="action"][value="print"]:active,
	button[type="submit"][name="action"][value="submit"]:active {
		opacity: 0.6 !important;
		transform: scale(0.98) !important;
		color: white !important;
	}

	/* Override Bootstrap button classes for submit buttons */
	button[type="submit"][name="action"][value="print"].btn-primary,
	button[type="submit"][name="action"][value="submit"].btn-primary {
		background: url('../Resources/Button.gif') no-repeat center center !important;
		background-color: transparent !important;
		border-color: transparent !important;
		border-radius: 6px !important;
		color: white !important;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important;
		box-shadow: none !important;
	}

/* Add these new rules at the end of your Styles.css file to reduce table cell spacing */

/* Reduce table cell padding for specific table sections */
#tblOwners table.table td,
#tblKeyContactsAdmin table.table td,
#tblKeyContactsProduction table.table td,
#tblCarriers table.table td,
#Table1 table.table td,
#tblWholeSale_CommercialInsuranceProducts table.table td {
	padding: 2px !important;
	vertical-align: middle !important;
}

/* Reduce table header padding for specific table sections */
#tblOwners table.table th,
#tblKeyContactsAdmin table.table th,
#tblKeyContactsProduction table.table th,
#tblCarriers table.table th,
#Table1 table.table th,
#tblWholeSale_CommercialInsuranceProducts table.table th {
	padding: 3px !important;
}

/* Reduce spacing in industry percentage table */
#tblIndustry td {
	padding: 3px !important;
	vertical-align: middle !important;
}

#tblIndustry tr[style*="background-color: gray"] td {
	padding: 3px !important;
}

/* Remove excessive spacing from table rows */
#tblOwners tr,
#tblKeyContactsAdmin tr,
#tblKeyContactsProduction tr,
#tblCarriers tr,
#Table1 tr,
#tblWholeSale_CommercialInsuranceProducts tr,
#tblIndustry tr {
	line-height: 1.2 !important;
}

/* Adjust input field margins within table cells */
#tblOwners table.table input,
#tblKeyContactsAdmin table.table input,
#tblKeyContactsProduction table.table input,
#tblCarriers table.table input,
#Table1 table.table input,
#tblWholeSale_CommercialInsuranceProducts table.table input,
#tblIndustry input {
	margin: 1px !important;
}

/* Reduce cellspacing effect */
#tblOwners table.table,
#tblKeyContactsAdmin table.table,
#tblKeyContactsProduction table.table,
#tblCarriers table.table,
#Table1 table.table,
#tblWholeSale_CommercialInsuranceProducts table.table {
	border-collapse: collapse !important;
}

/* Red asterisk for validation errors - outside the input box */
/* Position the input to act as the anchor for the pseudo-element */
input.input-validation-error.asterisk {
	position: relative;
}
/* Existing CSS for inline asterisk */
td:has(.input-validation-error.asterisk)::after {
	content: '*';
	color: red;
	font-weight: bold;
	font-size: 13px;
	position: absolute;
	margin-left: 5px;
	z-index: 10;
}

/* New CSS for asterisk below input, applied when the parent <td> has a class of `.wide-input` */
td.wide-input:has(.input-validation-error.asterisk) {
	position: relative;
	padding-bottom: 20px;
}

	td.wide-input:has(.input-validation-error.asterisk)::after {
		content: '*';
		color: red !important;
		font-weight: bold !important;
		font-size: 13px !important;
		position: absolute;
		bottom: 5px;
		left: 0;
		margin-left: 0;
		z-index: 10;
	}
/* Using :last-child to target the final table cell */
/*#tblEmailAndParool td:last-child::after {
	content: none !important;
}*/


/* Hide asterisk for specific fields 
	MailingAddress1
	MailingAddress2
	MailingCity
	MailingZipCode
	BillingAddress1
	BillingAddress2
	BillingCity
	BillingZipCode
	Loc2StreetAddress1
	Loc2StreetAddress2
	Loc2StreetCity
	Loc2StreetZipCode
	Loc2MailingAddress1
	Loc2MailingAddress2
	Loc2StreetCity
	Loc2StreetZipCode
	Loc2Phone
	Loc3StreetAddress1
	Loc3StreetAddress2
	Loc3StreetCity
	Loc3StreetZipCode
	Loc3MailingAddress1
	Loc3MailingAddress2
	Loc3MailingCity
	Loc3MailingZipCode
	Loc3Phone
	PublicInputTradingName
	IsPartOfSpecify
*/
td {
	position: relative;
}

/*Email validation*/
.input-validation-error {


}
.text-danger
{
	text-align:center;
}
.email-error {
	color: red;
	font-size: 12px;
	margin-top: 2px;
	font-weight:600;
}

.selected-row {
	background-color: #9ECBD6 !important;
}

.owner-row:hover {
	background-color: #e2e6ea;
}

.admin-contact-row:hover {
	background-color: #e2e6ea;
}

/* Style for protected rows (first 5) */
.admin-contact-row:nth-child(-n+5) {
	background-color: #f8f9fa;
}

.admin-contact-row:nth-child(-n+5):hover {
	background-color: #e9ecef !important;
}

.admin-contact-row:nth-child(-n+5).selected-row {
	background-color: #b3d9ff !important;
}

.production-contact-row:hover {
	background-color: #e2e6ea;
}

/* Style for protected rows (first 3) */
.production-contact-row:nth-child(-n+3) {
	background-color: #f8f9fa;
}

.production-contact-row:nth-child(-n+3):hover {
	background-color: #e9ecef !important;
}

.production-contact-row:nth-child(-n+3).selected-row {
	background-color: #b3d9ff !important;
}

.carrier-row:hover {
	background-color: #e2e6ea;
}

.insurance-product-row:hover {
	background-color: #e2e6ea;
}

/* Style for protected rows (first 15) */
.insurance-product-row:nth-child(-n+15) {
	background-color: #f8f9fa;
}

	.insurance-product-row:nth-child(-n+15):hover {
		background-color: #e9ecef !important;
	}

	.insurance-product-row:nth-child(-n+15).selected-row {
		background-color: #b3d9ff !important;
	}

.wholesale-insurance-product-row:hover {
	background-color: #e2e6ea;
}

/* Style for protected rows (first 2) */
.wholesale-insurance-product-row:nth-child(-n+2) {
	background-color: #f8f9fa;
}

	.wholesale-insurance-product-row:nth-child(-n+2):hover {
		background-color: #e9ecef !important;
	}

	.wholesale-insurance-product-row:nth-child(-n+2).selected-row {
		background-color: #b3d9ff !important;
	}


/* Maximize form width and center it */
.CenterInPage {
	width: 95% !important;
	max-width: 1100px !important;
	min-width: 1000px !important;
	margin: 0 auto !important;
	text-align: center !important;
}

.Region {
	width: 100% !important;
	max-width: 950px !important;
	text-align: left !important;
	background-color: #F4F4F4;
	border: solid 2px #C4C4C4;
	font-family: Arial;
}
.RegionValidation {
	width: 100% !important;
	max-width: 100% !important;
	text-align: left !important;
	background-color: #F4F4F4;
	border: solid 2px #C4C4C4;
	font-family: Arial;
}

/* Ensure main form table uses full width */
#tblProducer {
	width: 100% !important;
	table-layout: auto !important;
}

/* Make inner tables responsive */
#tblProducerDetails,
#tblOwners table.table,
#tblKeyContactsAdmin table.table,
#tblKeyContactsProduction table.table,
#tblCarriers table.table,
#Table1 table.table,
#tblWholeSale_CommercialInsuranceProducts table.table {
	width: 100% !important;
	table-layout: auto !important;
}

/* Adjust textarea widths to be responsive */
.field-xlarge {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}
.checkbox-container {
	display: flex;
	align-items: center; /* Vertically centers the items */
}

/* Add a small gap between the checkbox and the label */
.checkbox-container input[type="checkbox"] {
	margin-right: 5px;
}
.total-employee-input,
.total-revenue-input,
.total-premium-input {
	text-align: right;
	font-size:smaller;
}
#NumberOfCommercialPandCProducers,
#YearEstablished {
	text-align: right;
}
input[type="text" i] {
	padding-block: 1px;
	padding-inline: 2px;
}
#tblIndustry, #tblIndustry th, #tblIndustry td {
	border: 1px solid black;
	border-collapse: collapse;
}
#tblIndustry {
	border: solid 2px #C4C4C4;
}

.input-container {
	/* Set parent to relative positioning */
	position: relative;
	height:32px;
}

.error-star {
	/* Change the span to a block element */
	display: block;
	color: red;
	margin-top: -4px; /* Add some spacing from the input */
	/* Remove absolute positioning if it was there */
	position: static;
}


/* Force the textarea to fill its cell and allow full resizing */
textarea {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	/* Allow resizing in both horizontal and vertical directions */
	resize: both;
	overflow: auto;
}
.hide-after::after {
	display: none;
}
.error-star-textarea {
	position: absolute; /* Positions the asterisk relative to the nearest positioned ancestor (the container). */
	top: 0; /* Align to the top of the container. */
	right: -5px; /* Align to the right of the container. */
	color: red; /* Make the star stand out. */
	font-size: 13px; /* Adjust size as needed. */
	padding-right: 0px; /* Add some space between the asterisk and the border. */
	padding-top: 0px; /* Adjust vertical alignment. */
}