.eyecircle {
    width: 100%;
    height: 200px;
    margin-top: 16px;
}

.eyecircle svg {
    height: 100%;
    display: block;
    width: 100%;
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

.main-form .col-form-label,  .main-form .form-check{
    text-align: left;
}

.eyecircle svg .text1 {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 3.52777767px;
    line-height: 1.25;
    font-family: 'Open Sans';
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-feature-settings: normal;
    text-align: start;
    letter-spacing: 0px;
    word-spacing: 0px;
    writing-mode: lr-tb;
    text-anchor: start;
    fill: #000000;
    fill-opacity: 1;
    stroke: none;
    stroke-width: 0.26458332;
}

.eyecircle svg .circle1 {
    opacity: 1;
    fill: #ffffff;
    fill-opacity: 1;
    stroke: #000000;
    stroke-width: 0.50800002;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-miterlimit: 4;
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    stroke-opacity: 1;
    paint-order: fill stroke markers;
}

.eyecircle svg .angle-mark {
    fill: none;
    stroke: #000000;
    stroke-width: 0.28524482;
    stroke-linecap: round;
    stroke-linejoin: miter;
    stroke-miterlimit: 1;
    stroke-dasharray: none;
    stroke-opacity: 1;
}

.eyecircle svg .angle-text {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 2.99098349px;
    line-height: 1.25;
    font-family: 'Open Sans';
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-feature-settings: normal;
    text-align: start;
    letter-spacing: 0px;
    word-spacing: 0px;
    writing-mode: lr-tb;
    text-anchor: start;
    fill: #000000;
    fill-opacity: 1;
    stroke: none;
    stroke-width: 0.14020233;
}

.eyecircle svg .angle-bigtext {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 4.144px;
    line-height: 1.25;
    font-family: 'Open Sans';
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-feature-settings: normal;
    text-align: center;
    letter-spacing: 0px;
    word-spacing: 0px;
    writing-mode: lr-tb;
    text-anchor: middle;
    fill: #000000;
    fill-opacity: 1;
    stroke: none;
    stroke-width: 0.10302546;
}

.eyecircle svg .orange-dash {
    fill: none;
    stroke: #FF9800;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: miter;
    stroke-miterlimit: 2;
    stroke-dasharray: none;
    stroke-opacity: 1;
}

.modal .modal-header h1 .version {
    color: #495057;
    margin-left: 10px;
    font-size: 14px;
}

.modal .modal-header {
    padding: 8px 16px;
}

.result-table {
    /* box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); */
    padding: 0 16px; 
    /* margin-top: 16px; */
    display: block;
}

.result-table .operator {
    margin: 8px 0 32px 0;
}

.result-table .operator .btn-group {
    margin-left: 31px;
}

.result-table .operator button {
    width: 120px;
}

.result-table .result-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 24px 0 12px;
}

.result-table .result-actions .btn {
    min-width: 108px;
}

.result-table .input-meas-param {
    margin-top: 16px;
    margin-bottom: 120px;
    font-size: 14px;
}

.result-table .row .table {
    padding: 16px 32px;
    text-align: center;
}

.result-table td {
    width: 50%;
}

.result-table .input-info {
    margin-bottom: 24px;
    line-height: 28px;
    font-size: 14px;
}

.result-table .input-info > .row {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 28px;
    row-gap: 4px;
    margin: 0;
}

.result-table .input-info > .row > .col {
    padding: 0;
}

.result-table .input-info > .row > .col > .row {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 12px;
    align-items: baseline;
    margin: 0;
}

.result-table .input-info label {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap;
}

.result-table .input-info label b {
    white-space: nowrap;
}

body.iol-calculation-page:not(.iol-exchange-page) .result-table b {
    font-weight: 400 !important;
}

.result-table .input-info label[id] {
    min-width: 0;
    white-space: normal;
}

.result-table hr {
    border: none; 
    border-top: 1px dashed #ccc; 
}

.result-table .toric-result {
    margin-top: 8px;
}

.result-table .row label {
    text-align: left;
}

.result-table .result-value-empty > label:first-child {
    color: #6b7280;
}

.result-table .result-abbreviation::before {
    content: attr(data-result-label);
}
/* .result-table .row .od-table { */
    /* padding: 0px 107px 0 11px */
/* } */

.od-toric-res .text-center {
    position: absolute;
    top: 200px;
    left: 32px;
}

.os-toric-res .text-center {
    position: absolute;
    top: 200px;
    right: 32px;
}


.eyecircle-res {
    width: 100%;
    /* height: 200px; */
    margin-bottom: 16px;
    /* margin-top: 16px; */
}

.eyecircle-res svg {
    height: 100%;
    display: block;
    width: 100%;
    position: absolute; 
    top: 0;
    left: 0;
}

.eyecircle-res svg .text1 {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 2.8px;
    line-height: 1.25;
    font-family: 'Open Sans';
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-feature-settings: normal;
    text-align: start;
    letter-spacing: 0px;
    word-spacing: 0px;
    writing-mode: lr-tb;
    text-anchor: start;
    fill: #000000;
    fill-opacity: 1;
    stroke: none;
    stroke-width: 0.26458332;
}

.eyecircle-res svg .circle1 {
    opacity: 1;
    fill: #ffffff;
    fill-opacity: 1;
    stroke: #000000;
    stroke-width: 0.50800002;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-miterlimit: 4;
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    stroke-opacity: 1;
    paint-order: fill stroke markers;
}

.eyecircle-res svg .angle-mark {
    fill: none;
    stroke: #000000;
    stroke-width: 0.28524482;
    stroke-linecap: round;
    stroke-linejoin: miter;
    stroke-miterlimit: 1;
    stroke-dasharray: none;
    stroke-opacity: 1;
}

.eyecircle-res svg .angle-text {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 2.99098349px;
    line-height: 1.25;
    font-family: 'Open Sans';
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-feature-settings: normal;
    text-align: start;
    letter-spacing: 0px;
    word-spacing: 0px;
    writing-mode: lr-tb;
    text-anchor: start;
    fill: #000000;
    fill-opacity: 1;
    stroke: none;
    stroke-width: 0.14020233;
}

.eyecircle-res svg .angle-bigtext {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 4.144px;
    line-height: 1.25;
    font-family: 'Open Sans';
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-feature-settings: normal;
    text-align: center;
    letter-spacing: 0px;
    word-spacing: 0px;
    writing-mode: lr-tb;
    text-anchor: middle;
    fill: #000000;
    fill-opacity: 1;
    stroke: none;
    stroke-width: 0.10302546;
}

.eyecircle-res svg .orange-dash {
    fill: none;
    stroke: #FF9800;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: miter;
    stroke-miterlimit: 2;
    stroke-dasharray: none;
    stroke-opacity: 1;
}

.eyecircle-res svg .circle_inner {
    opacity: 1;
    fill: none;
    fill-opacity: 1;
    stroke: #000000;
    stroke-width: 0.2;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-miterlimit: 4;
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    stroke-opacity: 1;
    paint-order: stroke fill markers;
}

.eyecircle-res svg .rotary-element1 {
    fill: none;
    stroke: #231f20;
    stroke-width: 0.18684231;
    stroke-linecap: round;
    stroke-linejoin: miter;
    stroke-miterlimit: 10;
    stroke-dasharray: none;
    stroke-opacity: 1;
}

.eyecircle-res svg .arrow-line {
    fill: #002366;
    fill-opacity: 1;
    stroke: #2E7D32;
    stroke-width: 0.90752083;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-miterlimit: 7;
    stroke-dasharray: none;
    stroke-opacity: 1;
}

.eyecircle-res svg .arrow-head {
    fill: #2E7D32;
    fill-opacity: 1;
    fill-rule: nonzero;
    stroke: #2E7D32;
    stroke-width: 0.80380422;
    stroke-miterlimit: 7;
    stroke-dasharray: none;
    stroke-opacity: 1;
}

.eyecircle-res svg .arrow-dot {
    fill: #231f20;
    fill-opacity: 1;
    fill-rule: nonzero;
    stroke: none;
    stroke-width: 0.19442485;
}

/* .eyecircle svg .angle-bigtext {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 4.144px;
    line-height: 1.25;
    font-family: 'Open Sans';
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-feature-settings: normal;
    text-align: center;
    letter-spacing: 0px;
    word-spacing: 0px;
    writing-mode: lr-tb;
    text-anchor: middle;
    fill: #000000;
    fill-opacity: 1;
    stroke: none;
    stroke-width: 0.10302546;
} */

.eyecircle-res svg .text2right {
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    font-stretch: normal;
    font-size: 3px;
    line-height: 1.25;
    font-family: 'Open Sans';
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-feature-settings: normal;
    text-align: start;
    letter-spacing: 0px;
    word-spacing: 0px;
    writing-mode: lr-tb;
    text-anchor: start;
    fill: #000000;
    fill-opacity: 1;
    stroke: none;
    stroke-width: 0.26458332;
}

.eyecircle-res svg .text2left {
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    font-stretch: normal;
    font-size: 3px;
    line-height: 1.25;
    font-family: 'Open Sans';
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-feature-settings: normal;
    text-align: end;
    letter-spacing: 0px;
    word-spacing: 0px;
    writing-mode: lr-tb;
    text-anchor: end;
    fill: #000000;
    fill-opacity: 1;
    stroke: none;
    stroke-width: 0.26458332;
}

.print-time {
    display: none;
}

body.printing-result .modal-backdrop {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

body.printing-result .noPrint,
body.printing-result .result-actions {
    display: none !important;
}

body.printing-result .modal,
body.printing-result .modal-content,
body.printing-result .modal-body,
body.printing-result .result-table {
    background: #fff !important;
    color: #111827 !important;
}

.fixed-two-lines {
    display: block;
    line-height: 20px;   /* 单行高度 */
    height: 40px;        /* 两行高度 = 2 * line-height */
    overflow: hidden;    /* 超出隐藏 */
}

.label-help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    margin-left: 0.25rem;
    border-radius: 50%;
    border: 1px solid #6c757d;
    color: #6c757d;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 1;
    cursor: help;
    vertical-align: middle;
    flex-shrink: 0;
}

.label-help:hover,
.label-help:focus {
    border-color: #0d6efd;
    color: #0d6efd;
    outline: none;
}

.iol-calculation-page {
    min-height: 100vh;
    background: linear-gradient(180deg, #f4f8fc 0%, #edf4f9 100%);
    color: #111827;
}

.iol-calculation-page > .container {
    max-width: 1190px;
}

.iol-calculation-page > .container:first-child {
    max-width: none;
    padding: 0;
    background: #ffffff;
    box-shadow: 0 2px 10px rgb(15 23 42 / 12%);
}

.iol-calculation-page header {
    max-width: 1190px;
    margin: 0 auto !important;
    padding: 12px 24px !important;
    border-bottom: 0 !important;
    background: #ffffff;
}

.iol-calculation-page header .fs-4 {
    color: #0b1f45;
    font-size: 24px !important;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.iol-calculation-page header .version {
    color: #64748b;
    font-size: 13px;
    font-weight: 500;
}

.iol-calculation-page .nav {
    gap: 18px;
}

.iol-calculation-page .nav .nav-link {
    position: relative;
    padding: 8px 2px;
    border-radius: 0;
    color: #111827;
    font-size: 14px;
}

.iol-calculation-page .nav .nav-link.active {
    background: transparent;
    color: #0d6efd;
}

.iol-calculation-page .nav .nav-link.active::after {
    position: absolute;
    right: 0;
    bottom: -12px;
    left: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: #0d6efd;
    content: "";
}

.iol-calculation-page form.input-form {
    padding-top: 28px;
}

.iol-calculation-page .base-form,
.iol-calculation-page .main-form {
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgb(15 23 42 / 12%);
}

.iol-calculation-page .base-form {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    column-gap: 12px;
    margin-bottom: 24px;
    padding: 16px 20px 18px;
}

.iol-calculation-page .base-form > .row {
    display: contents;
}

.iol-calculation-page .base-form > .row > .col {
    min-width: 0;
    padding-right: 0;
    padding-left: 0;
}

.iol-calculation-page .base-form .row {
    margin: 0;
}

.iol-calculation-page .base-form .col > .row {
    display: block;
}

.iol-calculation-page .base-form .col > .row > [class*="col-sm-"] {
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

.iol-calculation-page .base-form .col-form-label,
.iol-calculation-page .main-form .col-form-label {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 6px;
    padding: 0;
    color: #111827;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
}

.iol-calculation-page .base-form .percent100,
.iol-calculation-page .base-form .percent50,
.iol-calculation-page .base-form .margin0 {
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

.iol-calculation-page .form-control,
.iol-calculation-page .form-select {
    min-height: 34px;
    border-color: #ccd6e2;
    border-radius: 5px;
    color: #111827;
    font-size: 14px;
    box-shadow: inset 0 1px 1px rgb(15 23 42 / 4%);
}

.iol-calculation-page .form-control:focus,
.iol-calculation-page .form-select:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 2px rgb(13 110 253 / 16%);
}

.iol-calculation-page .input-group-text {
    min-height: 34px;
    border-color: #ccd6e2;
    background: #ffffff;
    color: #111827;
    font-size: 14px;
}

.iol-calculation-page .yes-no-toggle {
    display: inline-flex;
    width: 116px;
    min-height: 30px;
    margin-left: auto;
    padding: 2px;
    border: 1px solid #ccd6e2;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: inset 0 1px 1px rgb(15 23 42 / 4%);
}

.iol-calculation-page .yes-no-toggle.three-option-toggle {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    width: 100%;
    min-height: 36px;
    padding: 0;
    overflow: hidden;
    border-color: #cbd5e1;
    border-radius: 999px;
    box-shadow: inset 0 1px 1px rgb(15 23 42 / 4%);
}

.iol-calculation-page .three-option-toggle .yes-no-option {
    min-width: 0;
    padding: 0 6px;
    overflow: hidden;
    border-radius: 0;
    color: #475569;
    font-size: 12px;
    font-weight: 500;
    line-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iol-calculation-page .three-option-toggle .yes-no-option + .yes-no-option {
    border-left: 1px solid #e2e8f0;
}

.iol-calculation-page .three-option-toggle .yes-no-option.active {
    background: #98a2b3;
    color: #ffffff;
    box-shadow: 0 1px 3px rgb(15 23 42 / 16%);
}

.iol-calculation-page .three-option-toggle .yes-no-option.active[data-value="1"],
.iol-calculation-page .three-option-toggle .yes-no-option.active[data-value="2"] {
    background: #0d6efd;
    color: #ffffff;
    box-shadow: 0 1px 3px rgb(13 110 253 / 22%);
}

.iol-calculation-page .yes-no-option {
    flex: 1;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #64748b;
    font-size: 13px;
    line-height: 24px;
    transition: background-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

.iol-calculation-page .yes-no-option.active {
    background: #98a2b3;
    color: #ffffff;
    box-shadow: 0 1px 3px rgb(15 23 42 / 16%);
}

.iol-calculation-page .yes-no-option.active[data-value="1"] {
    background: #0d6efd;
    color: #ffffff;
    box-shadow: 0 1px 3px rgb(13 110 253 / 22%);
}

.iol-calculation-page .yes-no-option.active[data-value="2"] {
    background: #0d6efd;
    color: #ffffff;
    box-shadow: 0 1px 3px rgb(13 110 253 / 22%);
}

.iol-calculation-page .yes-no-option:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(13 110 253 / 18%);
}

.iol-calculation-page .main-form {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.iol-calculation-page .main-form .eye > .col-md-12 {
    padding-right: 0;
    padding-left: 0;
}

.iol-calculation-page .main-form .eye > .col-md-12 > .row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
    margin: 0;
}

.iol-calculation-page .main-form .eye > .col-md-12 > .row > .col-md-6 {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
    grid-auto-rows: min-content;
    width: 100%;
    max-width: 100%;
    column-gap: 34px;
    row-gap: 12px;
    margin-bottom: 0 !important;
    padding: 22px 20px 24px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgb(15 23 42 / 12%);
}

.iol-calculation-page .main-form h3 {
    position: relative;
    grid-column: 1 / -1;
    margin: 0 0 10px;
    color: #0b1f45;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
}

.iol-calculation-page .main-form h3::after {
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 36px;
    height: 3px;
    border-radius: 999px;
    background: #0d6efd;
    content: "";
}

.iol-calculation-page .main-form h3 + hr {
    display: none;
}

.iol-calculation-page .optional-badge {
    display: inline-block;
    margin-left: 5px;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
}

.iol-calculation-page .main-form .row {
    margin: 0;
}

.iol-calculation-page .main-form .position-relative {
    align-items: center;
}

.iol-calculation-page .main-form .position-relative > [class*="col-sm-"] {
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

.iol-calculation-page .main-form .position-relative > .col-sm-4,
.iol-calculation-page .main-form .position-relative > .col-sm-4.offset-sm-1 {
    display: flex;
    align-items: center;
}

.iol-calculation-page .main-form .position-relative > .col-sm-7 {
    justify-content: flex-end;
}

.iol-calculation-page .main-form .od-myopic-refractive-surgery,
.iol-calculation-page .main-form .od-silicone-oil,
.iol-calculation-page .main-form .od-sulcus-implantation,
.iol-calculation-page .main-form .od-segments,
.iol-calculation-page .main-form .od-keratometric-device,
.iol-calculation-page .main-form .od-target-refraction,
.iol-calculation-page .main-form .od-al,
.iol-calculation-page .main-form .os-myopic-refractive-surgery,
.iol-calculation-page .main-form .os-silicone-oil,
.iol-calculation-page .main-form .os-sulcus-implantation,
.iol-calculation-page .main-form .os-segments,
.iol-calculation-page .main-form .os-keratometric-device,
.iol-calculation-page .main-form .os-target-refraction,
.iol-calculation-page .main-form .os-al {
    grid-column: 1;
}

.iol-calculation-page .main-form .od-k1-flat,
.iol-calculation-page .main-form .od-k2-steep,
.iol-calculation-page .main-form .od-pk1-flat,
.iol-calculation-page .main-form .od-pk2-steep,
.iol-calculation-page .main-form .od-optical-acd,
.iol-calculation-page .main-form .od-lt,
.iol-calculation-page .main-form .od-cct,
.iol-calculation-page .main-form .od-sia,
.iol-calculation-page .main-form .os-k1-flat,
.iol-calculation-page .main-form .os-k2-steep,
.iol-calculation-page .main-form .os-pk1-flat,
.iol-calculation-page .main-form .os-pk2-steep,
.iol-calculation-page .main-form .os-optical-acd,
.iol-calculation-page .main-form .os-lt,
.iol-calculation-page .main-form .os-cct,
.iol-calculation-page .main-form .os-sia {
    grid-column: 2;
}

.iol-calculation-page .main-form .od-k1-flat,
.iol-calculation-page .main-form .od-k2-steep,
.iol-calculation-page .main-form .os-k1-flat,
.iol-calculation-page .main-form .os-k2-steep {
    grid-column: 1;
}

.iol-calculation-page .main-form .od-pk1-flat,
.iol-calculation-page .main-form .od-pk2-steep,
.iol-calculation-page .main-form .os-pk1-flat,
.iol-calculation-page .main-form .os-pk2-steep {
    grid-column: 2;
}

.iol-calculation-page .main-form .od-al,
.iol-calculation-page .main-form .os-al {
    grid-column: 1;
}

.iol-calculation-page .main-form .od-myopic-refractive-surgery,
.iol-calculation-page .main-form .os-myopic-refractive-surgery {
    grid-column: 1;
    grid-row: 2;
}

.iol-calculation-page .main-form .od-silicone-oil,
.iol-calculation-page .main-form .os-silicone-oil {
    grid-column: 2;
    grid-row: 2;
}

.iol-calculation-page .main-form .od-sulcus-implantation,
.iol-calculation-page .main-form .os-sulcus-implantation {
    grid-column: 1;
    grid-row: 3;
}

.iol-calculation-page .main-form .od-segments,
.iol-calculation-page .main-form .os-segments {
    grid-column: 2;
    grid-row: 3;
}

.iol-calculation-page .main-form .od-keratometric-device,
.iol-calculation-page .main-form .os-keratometric-device {
    grid-row: 4;
}

.iol-calculation-page .main-form .od-target-refraction,
.iol-calculation-page .main-form .os-target-refraction {
    grid-row: 5;
}

.iol-calculation-page .main-form .od-al,
.iol-calculation-page .main-form .os-al {
    grid-row: 6;
}

.iol-calculation-page .main-form .od-k1-flat,
.iol-calculation-page .main-form .os-k1-flat {
    grid-row: 7;
}

.iol-calculation-page .main-form .od-k2-steep,
.iol-calculation-page .main-form .os-k2-steep {
    grid-row: 8;
}

.iol-calculation-page .main-form .od-pk1-flat,
.iol-calculation-page .main-form .os-pk1-flat {
    grid-row: 4;
}

.iol-calculation-page .main-form .od-pk2-steep,
.iol-calculation-page .main-form .os-pk2-steep {
    grid-row: 5;
}

.iol-calculation-page .main-form .od-optical-acd,
.iol-calculation-page .main-form .os-optical-acd {
    grid-row: 6;
}

.iol-calculation-page .main-form .od-lt,
.iol-calculation-page .main-form .os-lt {
    grid-row: 7;
}

.iol-calculation-page .main-form .od-cct,
.iol-calculation-page .main-form .os-cct {
    grid-row: 8;
}

.iol-calculation-page .main-form .od-sia,
.iol-calculation-page .main-form .os-sia {
    grid-column: 1;
    grid-row: 9;
}

.iol-calculation-page .main-form .od-keratometric-device,
.iol-calculation-page .main-form .os-keratometric-device {
    margin-top: 18px;
}

.iol-calculation-page .main-form .input-group {
    flex-wrap: nowrap;
}

.iol-calculation-page .main-form .input-group .form-control {
    min-width: 0;
}

.iol-calculation-page .main-form .input-group-text {
    width: 48px;
    padding-right: 8px;
    padding-left: 8px;
}

/* Validation messages come after the visual control, so Bootstrap no longer
   considers that control the last child. Restore the outer right corners. */
.iol-calculation-page .input-group > .form-control:has(+ .invalid-tooltip:last-child),
.iol-calculation-page .input-group > .form-select:has(+ .invalid-tooltip:last-child),
.iol-calculation-page .input-group > .input-group-text:has(+ .invalid-tooltip:last-child),
.iol-calculation-page .input-group > .form-control:has(+ .valid-tooltip:last-child),
.iol-calculation-page .input-group > .form-select:has(+ .valid-tooltip:last-child),
.iol-calculation-page .input-group > .input-group-text:has(+ .valid-tooltip:last-child),
.iol-calculation-page .input-group > .form-control:has(+ .invalid-feedback:last-child),
.iol-calculation-page .input-group > .form-select:has(+ .invalid-feedback:last-child),
.iol-calculation-page .input-group > .input-group-text:has(+ .invalid-feedback:last-child),
.iol-calculation-page .input-group > .form-control:has(+ .valid-feedback:last-child),
.iol-calculation-page .input-group > .form-select:has(+ .valid-feedback:last-child),
.iol-calculation-page .input-group > .input-group-text:has(+ .valid-feedback:last-child) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.iol-calculation-page .main-form .toric-axis-disabled {
    border-color: #d5dbe3;
    background: #e9ecef;
    color: #94a3b8;
    cursor: not-allowed;
}

.iol-calculation-page .main-form .od-silicone-oil,
.iol-calculation-page .main-form .od-sulcus-implantation,
.iol-calculation-page .main-form .od-segments,
.iol-calculation-page .main-form .os-silicone-oil,
.iol-calculation-page .main-form .os-sulcus-implantation,
.iol-calculation-page .main-form .os-segments {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.iol-calculation-page .main-form .od-silicone-oil > .col-sm-4,
.iol-calculation-page .main-form .od-sulcus-implantation > .col-sm-4,
.iol-calculation-page .main-form .od-segments > .col-sm-4,
.iol-calculation-page .main-form .os-silicone-oil > .col-sm-4,
.iol-calculation-page .main-form .os-silicone-oil > .col-sm-4.offset-sm-1,
.iol-calculation-page .main-form .os-sulcus-implantation > .col-sm-4,
.iol-calculation-page .main-form .os-sulcus-implantation > .col-sm-4.offset-sm-1,
.iol-calculation-page .main-form .os-segments > .col-sm-4,
.iol-calculation-page .main-form .os-segments > .col-sm-4.offset-sm-1 {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
}

.iol-calculation-page .main-form .od-silicone-oil .col-form-label,
.iol-calculation-page .main-form .od-sulcus-implantation .col-form-label,
.iol-calculation-page .main-form .od-segments .col-form-label,
.iol-calculation-page .main-form .os-silicone-oil .col-form-label,
.iol-calculation-page .main-form .os-sulcus-implantation .col-form-label,
.iol-calculation-page .main-form .os-segments .col-form-label {
    margin-bottom: 0;
}

.iol-calculation-page .main-form .od-silicone-oil > .col-sm-7,
.iol-calculation-page .main-form .od-sulcus-implantation > .col-sm-7,
.iol-calculation-page .main-form .od-segments > .col-sm-7,
.iol-calculation-page .main-form .os-silicone-oil > .col-sm-7,
.iol-calculation-page .main-form .os-sulcus-implantation > .col-sm-7,
.iol-calculation-page .main-form .os-segments > .col-sm-7 {
    flex: 0 0 auto;
    width: auto;
}

.iol-calculation-page .main-form .od-myopic-refractive-surgery,
.iol-calculation-page .main-form .od-keratometric-device,
.iol-calculation-page .main-form .os-myopic-refractive-surgery,
.iol-calculation-page .main-form .os-keratometric-device {
    display: block;
}

.iol-calculation-page .main-form .od-myopic-refractive-surgery .form-select,
.iol-calculation-page .main-form .os-myopic-refractive-surgery .form-select,
.iol-calculation-page .main-form .od-keratometric-device .form-select,
.iol-calculation-page .main-form .os-keratometric-device .form-select {
    width: 100%;
    max-width: none;
    margin-left: 0;
}

.iol-calculation-page .main-form .od-target-refraction,
.iol-calculation-page .main-form .os-target-refraction {
    display: block;
}

.iol-calculation-page .main-form .od-target-refraction .input-group,
.iol-calculation-page .main-form .os-target-refraction .input-group {
    width: 100%;
}

.iol-calculation-page .main-form .od-sia .btn,
.iol-calculation-page .main-form .os-sia .btn {
    min-height: 34px;
    padding: 4px 14px;
    border-radius: 5px;
    font-size: 14px;
}

.iol-calculation-page .main-form .od-sia label,
.iol-calculation-page .main-form .os-sia label {
    margin-left: 0 !important;
    margin-bottom: 6px;
}

.iol-calculation-page .od-toric-show,
.iol-calculation-page .os-toric-show {
    grid-column: 1 / -1;
}

.iol-calculation-page .od-toric-show > .col-sm-9,
.iol-calculation-page .os-toric-show > .col-sm-9 {
    margin-left: auto;
}

.iol-calculation-page .operator {
    margin-top: 38px !important;
}

.iol-calculation-page .main-form .operator {
    grid-column: 1 / -1;
}

.iol-calculation-page .main-form .operator button {
    width: 130px;
    min-height: 46px;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 600;
}

.iol-calculation-page #resetBtn {
    border-color: #ff4d4f;
    color: #e60012;
    background: #ffffff;
}

.iol-calculation-page #resetBtn:hover,
.iol-calculation-page #resetBtn:focus {
    color: #ffffff;
    background: #ff4d4f;
}

.iol-calculation-page #calculateBtn {
    border-color: #0b64d8;
    background: linear-gradient(180deg, #0d6efd 0%, #0758bf 100%);
    color: #ffffff;
}

.iol-exchange-page .main-form .col-md-6 > div[style*="text-align: left"] {
    grid-column: 1 / -1;
}

.iol-exchange-page .base-form {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    column-gap: 16px;
}

.iol-exchange-page .main-form h5 {
    position: relative;
    margin: 0 0 18px;
    color: #0b1f45;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
}

.iol-exchange-page .main-form h5::after {
    content: none;
}

.iol-exchange-page .main-form .position-relative > .col-sm-7,
.iol-exchange-page .main-form .row > .col-sm-7 {
    justify-content: flex-end;
}

.iol-exchange-page .main-form .toric-switch-row,
.iol-exchange-page .main-form .rx-toric-switch-row,
.iol-exchange-page .main-form .myopic-refractive-surgery,
.iol-exchange-page .main-form .segments-al,
.iol-exchange-page .main-form .sulcus-implantation,
.iol-exchange-page .main-form .rx-sulcus-implantation {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.iol-exchange-page .main-form .toric-switch-row > .col-form-label,
.iol-exchange-page .main-form .rx-toric-switch-row > .col-form-label,
.iol-exchange-page .main-form .myopic-refractive-surgery > .col-form-label,
.iol-exchange-page .main-form .segments-al > .col-form-label,
.iol-exchange-page .main-form .sulcus-implantation > .col-form-label,
.iol-exchange-page .main-form .rx-sulcus-implantation > .col-form-label {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    margin-bottom: 0;
}

.iol-exchange-page .main-form .toric-switch-row > .col-sm-7,
.iol-exchange-page .main-form .rx-toric-switch-row > .col-sm-7,
.iol-exchange-page .main-form .myopic-refractive-surgery > .col-sm-7,
.iol-exchange-page .main-form .segments-al > .col-sm-7,
.iol-exchange-page .main-form .sulcus-implantation > .col-sm-7,
.iol-exchange-page .main-form .rx-sulcus-implantation > .col-sm-7 {
    flex: 0 0 auto;
    width: auto;
    padding-right: 0;
    padding-left: 0;
}

.iol-exchange-page .main-form .myopic-refractive-surgery {
    display: block;
}

.iol-exchange-page .main-form .myopic-refractive-surgery > .col-form-label {
    display: block;
    width: 100%;
    margin-bottom: 6px;
}

.iol-exchange-page .main-form .myopic-refractive-surgery > .col-sm-7 {
    width: 100%;
}

.iol-exchange-page .main-form .iol-select-row,
.iol-exchange-page .main-form .iol-exchange-select-row {
    display: block;
}

.iol-exchange-page .main-form .iol-select-row > .col-form-label,
.iol-exchange-page .main-form .iol-exchange-select-row > .col-form-label {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 6px;
    padding-right: 0;
    padding-left: 0;
}

.iol-exchange-page .main-form .iol-select-row > .col-sm-7,
.iol-exchange-page .main-form .iol-exchange-select-row > .col-sm-7 {
    width: 100%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}

.iol-exchange-page #iol,
.iol-exchange-page #iol_exchange {
    width: 100%;
}

.iol-exchange-page #iol,
.iol-exchange-page #iol_exchange {
    max-width: none;
}

.iol-exchange-page .main-form .iolconstant-exchange {
    grid-column: 1;
}

.iol-exchange-page .main-form .os-sia {
    grid-column: 2;
    grid-row: auto;
}

.iol-exchange-page .result-table {
    margin-top: 0;
    padding: 0 20px 24px;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}

.research-page .research,
.contact-page .contact {
    margin: 28px auto 0;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 3px 12px rgb(15 23 42 / 12%);
}

.research-page .research {
    max-width: 880px;
    padding: 34px 42px;
}

.research-page .research section {
    margin-bottom: 28px;
}

.research-page .research h5,
.contact-page .contact .name {
    color: #0b1f45;
    font-weight: 700;
}

.research-page .research h5 {
    position: relative;
    margin-bottom: 18px;
    font-size: 20px;
}

.research-page .research .form-check {
    margin-bottom: 12px;
    padding: 12px 16px 12px 42px;
    border: 1px solid #e5edf5;
    border-radius: 7px;
    background: #f8fbff;
}

.research-page .research .form-check-input {
    margin-left: -24px;
}

.research-page .research .simcbd-instructions {
    margin-top: 16px;
    padding: 16px 18px;
    border-left: 3px solid #0d6efd;
    border-radius: 6px;
    background: #f4f8fc;
    color: #475569;
}

.research-page .research .t5 {
    margin-top: 40px !important;
}

.research-page .research .t5 button {
    min-width: 160px;
    min-height: 42px;
    border-radius: 7px;
    font-weight: 600;
}

.research-page .research #uploadBtn {
    border-color: #0b64d8;
    background: linear-gradient(180deg, #0d6efd 0%, #0758bf 100%);
    color: #ffffff;
}

.contact-page .contact {
    padding: 38px 42px 46px;
}

.contact-page .contact .content1 {
    max-width: 920px;
    margin: 0 auto 28px;
    padding: 0;
    color: #334155;
    font-size: 18px;
    line-height: 32px;
}

.contact-page .contact .content3 {
    gap: 20px;
    padding: 0;
}

.contact-page .contact .content3 .col {
    padding: 28px 20px;
    border: 1px solid #e5edf5;
    border-radius: 8px;
    background: #f8fbff;
}

.contact-page .contact .content3 img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    box-shadow: 0 3px 12px rgb(15 23 42 / 14%);
}

.contact-page .contact .content3 .name {
    margin-top: 18px;
    margin-bottom: 6px;
}

@media (max-width: 991.98px) {
    .iol-calculation-page .base-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .iol-calculation-page .main-form .eye > .col-md-12 > .row {
        grid-template-columns: 1fr;
    }

    .iol-calculation-page .main-form .eye > .col-md-12 > .row > .col-md-6 {
        grid-template-columns: 1fr;
    }

    .iol-calculation-page .main-form .eye > .col-md-12 > .row > .col-md-6 > .position-relative {
        grid-column: 1;
        grid-row: auto;
    }
}

@media (max-width: 767.98px) {
    .iol-calculation-page header {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .iol-calculation-page .base-form {
        grid-template-columns: 1fr;
        row-gap: 14px;
    }

    .research-page .research,
    .contact-page .contact {
        padding: 26px 20px;
    }

    .research-page .research .t5 button {
        width: 100%;
        margin: 8px 0;
    }

    .contact-page .contact .content3 {
        gap: 14px;
    }
}


@media print {

    @page {
        size: A4 portrait;
        margin: 0;
    }

    .noPrint {
        display: none !important;
    }

    .modal-backdrop,
    .modal-backdrop.show {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .modal-body {
        line-height: 1.45;
        font-size: 14px;
        padding: 14px 22px !important;
    }

    .print-time {
        display: block;
        font-size: 14px;
    }

    html,
    body,
    .iol-calculation-page {
        min-height: auto !important;
        background: #fff !important;
        color: #111827 !important;
    }

    .iol-calculation-page > .container {
        display: none !important;
    }

    .modal {
        display: block !important;
        position: static !important;
        padding: 0 !important;
        background: #fff !important;
    }

    .modal-dialog {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        transform: none !important;
    }

    .modal-content {
        display: block !important;
        border: 0 !important;
        border-radius: 0 !important;
        min-height: 0 !important;
        background: #fff !important;
        color: #111827 !important;
    }

    .modal-header {
        padding: 10px 22px !important;
        min-height: 0 !important;
        background: #fff !important;
    }

    .modal .modal-header h1 {
        font-size: 20px !important;
        margin: 0 !important;
    }

    .modal .modal-header h1 .version {
        font-size: 13px !important;
    }

    .result-table {
        padding: 0 26px !important;
        background: #fff !important;
        color: #111827 !important;
    }

    .iol-exchange-page .result-table {
        margin: 0 !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #fff !important;
    }

    .iol-exchange-page .modal-body {
        padding-top: 10px !important;
    }

    .iol-exchange-page .eye > .col-md-12 > .row:not(.iol-container) {
        display: grid !important;
        grid-template-columns: minmax(0, 48%) minmax(0, 46%);
        column-gap: 34px;
        align-items: start;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .iol-exchange-page .eye > .col-md-12 > .row:not(.iol-container) > .iol-section {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .iol-exchange-page #label-info {
        width: 100% !important;
        max-width: none !important;
        flex: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .iol-exchange-page #label-info > .row {
        display: grid !important;
        grid-template-columns: max-content minmax(0, 1fr);
        column-gap: 12px;
        align-items: baseline;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .iol-exchange-page #label-info label {
        width: auto !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
        white-space: nowrap;
    }

    .iol-exchange-page #label-info label[id] {
        min-width: 0;
        white-space: nowrap !important;
    }

    .iol-exchange-page .od-toric-res-2 {
        margin-top: 18px !important;
    }

    .iol-exchange-page .eye > .col-md-12 > .row:not(.iol-container) > .iol-section:last-child > .row:first-of-type {
        display: block !important;
    }

    .iol-exchange-page #od-table,
    .iol-exchange-page #od-toric-table {
        width: 100% !important;
        table-layout: fixed;
    }

    .iol-exchange-page .od-table,
    .iol-exchange-page .od-table > div,
    .iol-exchange-page .toric-result,
    .iol-exchange-page .toric-result > .od-table {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }

     /* 保持左右眼在同一页并排 */
    .iol-container {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between;
        page-break-inside: avoid;
        line-height: 1.45;
        font-size: 14px;
    }

    .iol-section {
        width: 48%;
        page-break-inside: avoid;
    }

	    .iol-section h3 {
	        font-size: 30px;
	        margin: 10px 0 16px;
	    }

	    .iol-section > .row {
	        margin-left: 0 !important;
	        margin-right: 0 !important;
	    }

	    .iol-section > .row > div {
	        padding-left: 0 !important;
	        padding-right: 0 !important;
	    }

	    .iol-section > .row:first-of-type {
	        display: grid !important;
	        grid-template-columns: minmax(0, 1fr) 165px;
	        column-gap: 6px;
	        align-items: start;
	    }

	    .iol-section > .row:first-of-type > .col-6 {
	        width: auto !important;
	        max-width: none !important;
	        flex: none !important;
	        padding-left: 0 !important;
	        padding-right: 0 !important;
	    }

	    .iol-section > .row:first-of-type > .col-6:first-child > .row {
	        display: grid !important;
	        grid-template-columns: 78px max-content;
	        column-gap: 6px;
	        align-items: baseline;
	        margin-left: 0 !important;
	        margin-right: 0 !important;
	        font-size: 13px;
	    }

	    .iol-section > .row:first-of-type > .col-6:first-child label {
	        width: auto !important;
	        max-width: none !important;
	        padding-left: 0 !important;
	        padding-right: 0 !important;
	        margin: 0 !important;
	        white-space: nowrap;
	    }

	    .result-table label b {
	        font-weight: 400 !important;
	    }

	    .iol-section > .row:first-of-type > .col-6:first-child label[id] {
	        min-width: 0;
	        white-space: nowrap !important;
	    }

	    .iol-section > .row:first-of-type .eyecircle-res {
	        position: relative;
	        width: 165px;
	        height: 132px;
	        margin: 0 auto 8px;
	        overflow: visible;
	    }

	    .iol-section > .row:first-of-type .eyecircle-res svg {
	        width: 220px !important;
	        height: 139px !important;
	        left: 6px !important;
	        top: -5px !important;
	    }

    /* 避免分页把表格拆开 */
    table, tr, td, th {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    /* tr {
        line-height: 8px;
    } */

    /* 去掉不必要的页眉页脚、滚动条样式 */
    /* body {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        margin: 0;

    } */

     /* 让整个页面在打印时不出现滚动条 */
    html, body {
        overflow: visible !important;
        height: auto !important;
    }

     /* 让 modal 不再是滚动容器 */
    .modal,
    .modal-dialog,
    .modal-content,
    .modal-body {
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
        /* position: static !important; */
    }

    /* 隐藏浏览器右侧滚动条 */
    ::-webkit-scrollbar {
        display: none !important;
    }

     /* 保持打印页面贴合 A4，不额外制造空白分页 */
    body {
        margin: 0 !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .od-table .col-6 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .os-table .col-6 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .od-table .row {
        padding-left: 2px;
        padding-right: 2px;
    }

    .os-table .row {
        padding-left: 2px;
        padding-right: 2px;
    }

    .od-table table thead {
        font-size: 13px;       
        line-height: 1.4;
        padding: 0;
        white-space: nowrap;  
    }

    .os-table table thead {
        font-size: 13px;       
        line-height: 1.4;
        padding: 0;
        white-space: nowrap;  
    }

    .od-table table tbody, .os-table table tbody {
        font-size: 14px;
    }

    .od-table-toric table tbody, .os-table-toric table tbody {
        font-size: 14px;
    }

    .od-toric-result table tbody, .os-toric-result table tbody {
        font-size: 14px;
    }

    .result-table .input-info{
        font-size: 14px;
        margin-bottom: 14px;
        line-height: 1.45;
    }

    .result-table .input-info > .row {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 34px;
        row-gap: 6px;
        margin: 0;
    }

    .result-table .input-info > .row > .col {
        padding: 0;
    }

    .result-table .input-info > .row > .col > .row {
        display: grid !important;
        grid-template-columns: max-content minmax(0, 1fr);
        column-gap: 12px;
        align-items: baseline;
        margin: 0;
    }

    .result-table .input-info label {
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
        white-space: nowrap;
    }

    .result-table .input-info label b {
        white-space: nowrap;
    }

    .result-table .input-info label[id] {
        min-width: 0;
        white-space: normal;
    }

    table caption {
        font-size: 14px;
    }

    .result-table .row .table {
        margin-bottom: 14px;
        padding: 0 !important;
    }

    .result-table .table > :not(caption) > * > * {
        padding: 6px 8px !important;
    }

    .result-table hr {
        margin: 10px 0 16px;
    }

    .fixed-two-lines {
        line-height: 22px;
        height: 44px;
    }


    /* .base-form {
        box-shadow: none;
        margin: 0;
        padding: 0;
    } */

    /* .main-form {
        box-shadow: none;
        margin: 0;
        padding: 0;
    } */

    /* .main-form .row {
        margin: 2px 4px;
    } */

    /* .main-form .eye {
        margin-top: 24px;
    } */

    /* .base-form .row {
        margin: 1px 0;
        padding: 0;
    } */

    /* .result-table {
        box-shadow: none;
        margin: 16px 0 0 0;
        padding: 0
    } */

    /* .container {
        max-width: 100%;
    } */

    /* .percent100 {
        width: 100%;
    } */

    /* .margin0 {
        margin-left: 0;
    } */

    /* .percent50 {
        width: 52%;
    }  */

    /* .footer {
        margin-top: 8px;
        padding: 8px 0;
    } */
     .result-table .input-info {
        margin-bottom: 14px;
        line-height: 1.45;
    }

    .print-bc {
        background-color: #0952bf !important;
        -webkit-print-color-adjust:exact;
        -moz-print-color-adjust:exact;
        -ms-print-color-adjust:exact;
        print-color-adjust:exact;
    }

    .label-help {
        display: none !important;
    }
    
}

/* Keep result metadata and measurement descriptions at regular weight.
   This final override also covers localized labels inserted after rendering. */
.iol-calculation-page:not(.iol-exchange-page) .result-table label,
.iol-calculation-page:not(.iol-exchange-page) .result-table label b,
.iol-calculation-page:not(.iol-exchange-page) .result-table b,
.iol-calculation-page:not(.iol-exchange-page) .result-table strong,
.iol-calculation-page:not(.iol-exchange-page) .result-table .fixed-two-lines {
    font-weight: 400 !important;
}