/* BEGIN - Your CSS styling starts here */

#form_12 .foobar {
	display: none;
}

.view-form h1 {
		font-size: 28px !important;
		line-height: 1 !important;
}


form#form_11, form#form_12 {
	padding: 100px 50px !important;
}

/* Employee Salary Form */
.fb_el_texas11_employee_salary___salary_month tbody, .fb_el_texas11_employee_salary___salary_month .daynames {
    display:none;
}

.fb_el_texas11_employee_salary___salary_month .js-calendar {
    margin-bottom: 0px;
}

 input#texas11_employee_salary___salary_month_cal {
    overflow-x: hidden;
    text-indent: -25px;
}

/* Remove up and down arrow for input number field Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.fabrikForm {
    margin: 20px;
    padding: 30px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-outline {
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 10px;
    transition: all 0.3s ease-in-out;
    background: #fff;
}

.form-outline:focus-within {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}


.d-flex.justify-content-between {
    margin-top: 15px;
}

.fabrikForm button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s, box-shadow 0.3s;
}
.icon-fa, .icon-fas {
    color: #3498db;
    font-size: 18px;
    transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

/* Health Package Items clean grid layout - Form 163 only */
#form_163_ .repeatGroupTable thead tr,
#form_163_ .repeatGroupTable tbody tr.fabrikSubGroupElements {
    display: grid !important;
    grid-template-columns: 35px 360px 140px 130px 150px 150px 70px;
    column-gap: 18px;
    align-items: center;
}

/* Keep hidden Fabrik fields hidden */
#form_163_ .repeatGroupTable .fabrikHide {
    display: none !important;
}

/* Remove normal table cell behavior */
#form_163_ .repeatGroupTable th,
#form_163_ .repeatGroupTable td {
    display: block;
    width: auto !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Force Test column width */
#form_163_ td[class*="fb_el_txflow11_health_package_items___test_master_id_"],
#form_163_ td[class*="fb_el_txflow11_health_package_items___test_master_id_"] .fabrikElement {
		width: 350px !important;
    min-width: 360px !important;
    max-width: 360px !important;
}

/* Force Override MRP column width */
#form_163_ td[class*="fb_el_txflow11_health_package_items___override_mrp_"],
#form_163_ td[class*="fb_el_txflow11_health_package_items___override_mrp_"] .fabrikElement {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
}

/* Force Override CPT column width */
#form_163_ td[class*="fb_el_txflow11_health_package_items___override_cpt_"],
#form_163_ td[class*="fb_el_txflow11_health_package_items___override_cpt_"] .fabrikElement {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
}

/* Force Testing Route column width */
#form_163_ td[class*="fb_el_txflow11_health_package_items___override_testing_route_"],
#form_163_ td[class*="fb_el_txflow11_health_package_items___override_testing_route_"] .fabrikElement {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
}

/* Force Test Profile column width */
#form_163_ td[class*="fb_el_txflow11_health_package_items___test_profile_id_"],
#form_163_ td[class*="fb_el_txflow11_health_package_items___test_profile_id_"] .fabrikElement {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
}

/* Inputs/dropdowns fill their assigned column */
#form_163_ .repeatGroupTable .fabrikElement,
#form_163_ .repeatGroupTable .chosen-container,
#form_163_ .repeatGroupTable input.form-control,
#form_163_ .repeatGroupTable select.form-select {
    width: 100% !important;
    max-width: 100% !important;
}

/* Wider dropdown result panels */
#form_163_ [id^="txflow11_health_package_items___test_master_id_"][id$="_chosen"] .chosen-drop {
    width: 520px !important;
    min-width: 520px !important;
}

#form_163_ [id^="txflow11_health_package_items___test_profile_id_"][id$="_chosen"] .chosen-drop {
    width: 260px !important;
    min-width: 260px !important;
}




/* END - Your CSS styling ends here */