.sft_client_confirmation_popup_container .swal2-popup {
    width: fit-content !important;
    min-width: 720px !important;
}

.sft_client_details_table_wrapper .sft_client_details {
    border-collapse: collapse;
    width: 100%;
}

.sft_client_details th, td {
    padding: 10px;
}

.sft_client_details p {
    font-size: inherit;
}

.sft_client_details_table_wrapper {
    max-height: 488px;
    overflow-y: scroll;
}

.sft_client_details input {
    transform: scale(1.3);
}

#sft_invoice_details_wrapper {
    box-shadow: 0px 0px 6px #aba3a3;
    background-color: white;
    height: 669px;
    width: 90%;
    min-width: 1300px;
    margin: 24px auto 10px;
    padding: 20px 10px;
    overflow-y: scroll;
}

#sft_invoice_details_wrapper > .sft_loader {
    display: none;
    height: 100%;
    align-items: center;
    justify-content: center;
}

#sft_invoice_details_wrapper > #sft_invoice_details_table_wrapper > .dt-layout-table {
    overflow-x: scroll;
}

div#sft_invoice_details_wrapper select.dt-input {
    padding: 0 24px 0 8px;
}

/* #sft_invoice_details_table {
    display: none;
    border-collapse: collapse;
}

#sft_invoice_details_table td {
    text-align: center;
    font-size: 16px;
}

#sft_invoice_details_table th {
    font-size: 15px;
}

#sft_invoice_details_table td,th {
    padding: 10px;
    min-width: 123px;
} */


/*
Making Text Dark in Gravity Form
/*

/* Input / textarea typed text (exclude submit/buttons) */
body #gform_wrapper_2 input[type="text"],
body #gform_wrapper_2 input[type="email"],
body #gform_wrapper_2 input[type="url"],
body #gform_wrapper_2 input[type="tel"],
body #gform_wrapper_2 input[type="number"],
body #gform_wrapper_2 input[type="password"],
body #gform_wrapper_2 textarea,
body #gform_wrapper_2 select,
body #gform_wrapper_2 .ginput_container input,
body #gform_wrapper_2 .ginput_container textarea {
  color: #222222 !important;      /* darker typed text */
  font-weight: 500 !important;
  opacity: 1 !important;          /* ensure not faded */
}

/* Placeholder text - all vendor prefixes covered */
body #gform_wrapper_2 ::-webkit-input-placeholder { color: #6b6b6b !important; opacity: 1 !important; } /* Chrome, Safari */
body #gform_wrapper_2 :-moz-placeholder { color: #6b6b6b !important; opacity: 1 !important; }  /* Firefox 18- */
body #gform_wrapper_2 ::-moz-placeholder { color: #6b6b6b !important; opacity: 1 !important; } /* Firefox 19+ */
body #gform_wrapper_2 :-ms-input-placeholder { color: #6b6b6b !important; opacity: 1 !important; } /* IE 10+ */
body #gform_wrapper_2 ::placeholder { color: #6b6b6b !important; opacity: 1 !important; } /* modern browsers */

/* If GF or theme uses input[style="color:..."] inline styles, override with attribute selector */
body #gform_wrapper_2 input[style],
body #gform_wrapper_2 textarea[style] {
  color: #000000 !important;
}

/* Optional: better focus indicator */
body #gform_wrapper_2 input:focus,
body #gform_wrapper_2 textarea:focus,
body #gform_wrapper_2 select:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(34,34,34,0.06) !important;
  border-color: #000000 !important;
}


/*
Table Styling
*/

/* General table styling */
#sft_invoice_details_table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 16px;   /* Increase font size here */
}

/* Table header */
#sft_invoice_details_table th {
  background-color: #2c3e50;
  color: #fff;
  padding: 14px;     /*  More padding = more space in columns */
  text-transform: uppercase;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 16px;   /* Slightly bigger font for header */
}

/* Table rows */
/* 1) Keep symbol + amount on a single line and right-aligned */
/* Table rows */
/* 1) Keep symbol + amount on a single line and left-aligned */
#sft_invoice_details_table td {
  white-space: nowrap !important;   /* prevent wrapping/breaks inside the cell */
  text-align: left !important;      /* align numbers to the left */
  vertical-align: middle !important;
  padding: 12px;
  font-size: 15px;
}


/* 2) Ensure any child elements sit on the same baseline */
#sft_invoice_details_table td > * {
  display: inline-block !important;
  vertical-align: middle !important;
}

/* 3) If there are <br> tags injected, stop them breaking the line */
#sft_invoice_details_table td br {
  display: none !important;
}

/* Optional: if you want a small gap between currency symbol and number */
#sft_invoice_details_table td .currency {
  margin-right: 6px;
  /* If you don't have .currency class, the inline-block rule above still helps */
}


/* Zebra striping */
#sft_invoice_details_table tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* Hover effect */
#sft_invoice_details_table tr:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

/* Rounded corners + shadow */
#sft_invoice_details_table {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
}



/*
change gravity form style
*/

body .gform_wrapper .gform_body {
  font-family: 'Arial', sans-serif;
  font-size: 16px;
} */

/* Example: Change font for form field labels */
body .gform_wrapper .gform_body .gfield_label {
  font-family: 'Arial', sans-serif;
  font-weight: bold;
}


/*
 Beautifying the PDF AND EXCEL Button in Invoice CPT
*/

/* Use your original classes no changes to HTML required */
.regenerate_button,
.pdf_button,
.excel_button {
  display: inline-block;
  padding: 8px 14px;
  font-size: 13px;
  line-height: 1;
  border-radius: 4px;
  border: 1px solid #006799;
  background: linear-gradient(#00a0d2, #0073aa);
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.07);
  transition: transform .08s ease, background .12s ease, box-shadow .12s ease;
}

/* Hover and focus */
.regenerate_button:hover,
.regenerate_button:focus,
.pdf_button:hover,
.pdf_button:focus,
.excel_button:hover,
.excel_button:focus {
  background: linear-gradient(#13b0e6, #006799);
  transform: translateY(-1px);
  outline: none;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

/* Active / pressed */
.pdf_button:active,
.excel_button:active {
  background: linear-gradient(#006799, #005177);
  transform: translateY(0);
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.12);
}

/* Accessibility: visible focus ring for keyboard users */
.pdf_button:focus-visible,
.excel_button:focus-visible {
  box-shadow: 0 0 0 3px rgba(0,115,170,0.18), 0 1px 0 rgba(0,0,0,0.06);
}

/* Spacing when both buttons are together */ 
.pdf_button + .excel_button,
.excel_button + .pdf_button {
  margin-left: 8px;
}

/* Optional sizes */
.pdf_button.small, .excel_button.small { padding:4px 8px; font-size:12px; }
.pdf_button.large, .excel_button.large { padding:10px 16px; font-size:14px; }



/*
Select2 Dropdown CSS
*/
/* Apply styling only to these select2 fields */
#input_2_41 + .select2-container .select2-selection,
#input_2_69 + .select2-container .select2-selection,
#input_2_81 + .select2-container .select2-selection,
#input_2_83 + .select2-container .select2-selection,
#input_2_99 + .select2-container .select2-selection {
  height: 42px !important;        /* More height */
  padding: 6px 12px;              /* Extra spacing inside */
  font-size: 15px;                /* Bigger, readable font */
  font-weight: bold;
  font-family: Arial, sans-serif; /* Clean font */
  border-radius: 6px;             /*Rounded edges */
  border: 1px solid #ccc;         /* Subtle border */
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  display: flex;
  align-items: center;            /* Center text vertically */
}

/* When dropdown is open */
#input_2_41 + .select2-container--open .select2-selection,
#input_2_69 + .select2-container--open .select2-selection,
#input_2_81 + .select2-container--open .select2-selection,
#input_2_83 + .select2-container--open .select2-selection,
#input_2_99 + .select2-container--open .select2-selection {
  border-color: #2c3e50;
  box-shadow: 0 0 5px rgba(44, 62, 80, 0.4);
}

/* Dropdown results styling */
.select2-container .select2-results__option {
  padding: 20px;          /* Enough space between options */
  font-size: 15px;        /* Bigger text */
}

/* Highlighted option */
.select2-container .select2-results__option--highlighted {
  background-color: #2c3e50; /* Dark highlight */
  color: #fff;
}

/* Make the whole dropdown wider */
#input_2_41 + .select2-container,
#input_2_69 + .select2-container,
#input_2_81 + .select2-container,
#input_2_83 + .select2-container,
#input_2_99 + .select2-container {
  width: 100% !important;  /* Full width of parent */
  max-width: 400px;        /* Limit width so it doesn’t stretch too much */
}


/* CSS spinner */
.sft-loader {
  width: 36px; height: 36px; border: 3px solid #ddd; border-top-color: #0073e6;
  border-radius: 50%; animation: sftspin 0.9s linear infinite; display:inline-block;
  margin-left: 8px; vertical-align: middle;
}
@keyframes sftspin { to { transform: rotate(360deg); } }


/*Currency Symbol CSS for Number Fields*/
.currency-symbol {
    position: absolute;
    margin-left: 8px;
    margin-top: 8px;
    font-weight: 600;
    color: #333;
}
#gform_wrapper_2 .ginput_container_number {
    position: relative;
}
#gform_wrapper_2 input[type="number"],
#gform_wrapper_2 input[type="text"] {
    padding-left: 25px; /* space for ₹/$ */
}


/* Simple bordered box for each field */
.invoice-preview {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 10px;
  margin-bottom: 10px;
}

.invoice-preview .gfield_label {
  font-weight: 500;
  font-size: 14px;
  color: #333;
  margin-bottom: 4px;
  display: block;
}

.invoice-preview input[type="text"],
.invoice-preview input[type="number"] {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 5px 8px;
  font-size: 14px;
  color: #333;
  background: #fff;
}

.invoice-preview input[readonly] {
  background: #f8f8f8;
  color: #555;
}


/*
 CSS FOR PAYSLIP FORM
*/
/* ===== Custom Form Styling for Gravity Form ID 1 (no dropdown styling) ===== */
#gform_wrapper_1 {
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  color: #222;
  font-weight: 500;
}

/* Labels */
#gform_wrapper_1 .gfield_label {
  color: #111;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 4px;
}

/* Descriptions / hints */
#gform_wrapper_1 .gfield_description,
#gform_wrapper_1 .instruction {
  color: #555;
  font-size: 13px;
}

/* Focus state */
#gform_wrapper_1 input:focus,
#gform_wrapper_1 textarea:focus {
  border-color: #4a90e2;
  outline: none;
}

/* Submit button */
#gform_wrapper_1 .gform_button {
  background: #4a90e2;
  color: #fff;
  border: none;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}

#gform_wrapper_1 .gform_button:hover {
  background: #357acb;
}

/* Make Gravity Form fields 18, 19, 20 more visible and large */
body .gform_wrapper .gfield#field_1_18 input,
body .gform_wrapper .gfield#field_1_19 input,
body .gform_wrapper .gfield#field_1_20 input,
body .gform_wrapper .gfield#field_1_18 select,
body .gform_wrapper .gfield#field_1_19 select,
body .gform_wrapper .gfield#field_1_20 select,
body .gform_wrapper .gfield#field_1_18 textarea,
body .gform_wrapper .gfield#field_1_19 textarea,
body .gform_wrapper .gfield#field_1_20 textarea {
    font-size: 14px !important;   /* Larger text size */
    font-weight: 600 !important;  /* Semi-bold for clarity */
    color: #222 !important;       /* Darker text for visibility */
    background-color: #fafafa !important; /* Soft background */
    border: 2px solid #ccc !important; /* Slightly thicker border */
    border-radius: 6px !important; /* Rounded corners */
    padding: 10px 12px !important; /* Comfortable spacing */
}

/* Optional: Make labels bold and clearer */
body .gform_wrapper .gfield#field_1_18 label,
body .gform_wrapper .gfield#field_1_19 label,
body .gform_wrapper .gfield#field_1_20 label {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #111 !important;
}