/* Container */
.wvpc-frontend-fields {
    margin-bottom: 20px;
    padding: 12px 16px;
    border: 1px solid #d2d2d2;
    background: #fbfbfb;
    border-radius: 6px;
	    width: 75%;
}
p.wvpc-field label:nth-child(1) {
    font-size: 14px;
    font-weight: 600 !important;
}
p.wvpc-field label {
    font-size: 14px;
    font-weight: 100;
}
p.wvpc-field {
    border-bottom: 1px solid #e2e2e2;
    padding-top: 5px;
    padding-bottom: 15px;
}
.wvpc-frontend-fields h2 {
    font-size: 19px;
    border-bottom: 1px solid;
    padding-bottom: 11px;
    text-align: center;
}
p.wvpc-field:last-child {
    border-bottom: 0px;
}
/* Each field wrapper */
.wvpc-frontend-fields .wvpc-field {
    margin-bottom: 14px;
}

/* Labels */
.wvpc-frontend-fields label {
    font-weight: 600;
    display: block;
    margin-bottom: 4px;
    color: #333;
}

/* Tooltip text */
.wvpc-frontend-fields .description {
    font-weight: normal;
    font-size: 12px;
    color: #666;
    cursor: help;
}

/* Text input styling */
.wvpc-frontend-fields input[type="text"] {
    width: 100%;
    max-width: 100%;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

/* Select styling */
.wvpc-frontend-fields select {
    width: 100%;
    max-width: 100%;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
    box-sizing: border-box;
}

/* Checkbox / radio inputs */
.wvpc-frontend-fields input[type="checkbox"],
.wvpc-frontend-fields input[type="radio"] {
    margin-right: 6px;
    vertical-align: middle;
}

/* Inline labels for checkbox/radio */
.wvpc-frontend-fields label > input[type="checkbox"],
.wvpc-frontend-fields label > input[type="radio"] {
    margin-right: 6px;
}

/* Focus effect for inputs & select */
.wvpc-frontend-fields input[type="text"]:focus,
.wvpc-frontend-fields select:focus {
    border-color: #0071a1;
    outline: none;
    box-shadow: 0 0 3px rgba(0,113,161,0.5);
}

#dynamic-table-front {
    width: 100%;
  border-collapse: collapse;
  white-space: nowrap; /* Keeps all cells in one line */
}

#dynamic-table-front th,
#dynamic-table-front td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

/* Wrapper for horizontal scroll */
#dynamic-table-front-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* smooth scrolling on mobile */
}

/* Optional — nicer scrollbar */
#dynamic-table-front-wrapper::-webkit-scrollbar {
  height: 8px;
}
#dynamic-table-front-wrapper::-webkit-scrollbar-thumb {
  background: #bbb;
  border-radius: 4px;
}
#dynamic-table-front-wrapper::-webkit-scrollbar-thumb:hover {
  background: #888;
}
/* Balloon tooltip text wrap fix */
.tooltip,
[data-balloon],
[data-balloon]:before,
[data-balloon]:after {
    white-space: normal !important; /* allow wrapping */
    word-wrap: break-word;
    max-width: 250px; /* adjust width as needed */
    line-height: 1.4;
}