/* Modern application chrome and renovated page surfaces. */
body {
    background: #eef7fc;
    color: #243247;
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

/* User water cuts -------------------------------------------------------- */
html body.modern-page .cortes-usuario-page {
    padding: 16px 24px 28px;
}

html body.modern-page .cortes-usuario-modern {
    color: #173f58;
}

html body.modern-page .cortes-usuario-header {
    margin-bottom: 16px;
}

html body.modern-page .cortes-usuario-header h1 {
    margin: 0 0 4px;
    color: #102f46;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.02em;
}

html body.modern-page .cortes-usuario-header p {
    margin: 0;
    color: #6a8294;
    font-size: 12px;
}

html body.modern-page .cortes-usuario-modern .drawer,
html body.modern-page .cortes-usuario-modern .drawer-main,
html body.modern-page .cortes-usuario-modern .drawer-right,
html body.modern-page .cortes-usuario-modern .drawer-content {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background: transparent !important;
}

html body.modern-page .cortes-usuario-modern fieldset {
    margin: 0 0 12px;
    padding: 14px 16px 10px !important;
    border: 1px solid #d6e5ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(26, 73, 105, .07);
}

html body.modern-page .cortes-usuario-modern fieldset legend {
    padding: 0 8px;
    color: #07577f;
    font-size: 13px;
    font-weight: 650;
    text-transform: uppercase;
}

html body.modern-page .cortes-usuario-modern fieldset .key {
    padding-top: 9px;
    color: #07577f;
    font-size: 11px;
    font-weight: 600;
}

html body.modern-page .cortes-usuario-modern fieldset .RadComboBox,
html body.modern-page .cortes-usuario-modern fieldset .RadPicker {
    margin-bottom: 8px;
}

html body.modern-page .cortes-usuario-modern fieldset .RadComboBox .rcbInner,
html body.modern-page .cortes-usuario-modern fieldset .RadPicker .riTextBox {
    min-height: 34px;
    border-color: #a9d5ed;
    border-radius: 6px;
    background: #fff;
}

html body.modern-page .cortes-usuario-modern fieldset .RadButton {
    min-height: 34px;
    border: 1px solid #009fe3;
    border-radius: 7px;
    background: #009fe3;
    color: #fff;
    box-shadow: 0 5px 12px rgba(0, 159, 227, .16);
    font-weight: 500;
}

html body.modern-page .cortes-filter-card {
    margin-bottom: 10px;
    padding: 14px 16px;
    border: 1px solid #d6e5ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(26, 73, 105, .07);
}

html body.modern-page .cortes-filter-title {
    margin-bottom: 12px;
    padding-left: 9px;
    border-left: 3px solid #00a4df;
    color: #07577f;
    font-size: 13px;
    font-weight: 650;
    text-transform: uppercase;
}

html body.modern-page .cortes-filter-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px 12px;
}

html body.modern-page .cortes-filter-card .ga-label {
    margin-bottom: 3px;
    font-size: 9px;
    line-height: 1.15;
}

html body.modern-page .cortes-filter-card .ga-field {
    min-width: 0;
}

html body.modern-page .cortes-filter-card .ga-control,
html body.modern-page .cortes-filter-card .ga-combobox-trigger,
html body.modern-page .cortes-filter-card .ga-date-control,
html body.modern-page .cortes-filter-card .ga-modern-input {
    min-height: 29px !important;
    height: 29px !important;
    font-size: 10px !important;
}

html body.modern-page .cortes-filter-card .ga-combobox-summary {
    font-size: 10px !important;
}

html body.modern-page .cortes-filter-card .ga-picker-button,
html body.modern-page .cortes-filter-card .ga-combobox-trigger {
    min-height: 29px !important;
}

html body.modern-page .cortes-filter-actions {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
    min-height: 43px;
}

html body.modern-page .cortes-filter-actions .RadButton {
    min-height: 34px;
    border: 1px solid #acd3e6;
    border-radius: 7px;
    background: #fff;
    color: #07577f;
    font-weight: 500;
}

html body.modern-page .cortes-filter-compat { display: none; }

html body.modern-page .cortes-import-row {
    align-items: center;
    gap: 12px;
    margin-top: 12px !important;
}

html body.modern-page .cortes-usuario-modern .importExcel {
    margin: 5px 0 10px;
    padding: 10px;
    border: 1px dashed #9ed3eb;
    border-radius: 8px;
    background: #f5fbfe;
}

html body.modern-page .cortes-usuario-modern > .RadPageLayout {
    margin-bottom: 10px;
    padding: 8px 10px 4px;
    border: 1px solid #d9e7ef;
    border-radius: 10px;
    background: #fff;
}

html body.modern-page .cortes-status-legend {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 9px;
    overflow-x: auto;
    scrollbar-width: thin;
}

html body.modern-page .cortes-status-legend > div {
    flex: 0 0 auto;
}

html body.modern-page .cortes-usuario-modern .leyendaItem {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    float: none;
    margin: 0 4px 5px 0;
    padding: 4px 9px;
    border: 1px solid #dce8ef;
    border-radius: 999px;
    background: #fff;
    color: #36566b;
    font-size: 11px;
}

html body.modern-page .cortes-usuario-modern .leyendaItem .leyendaCuadroColor {
    width: 9px;
    height: 9px;
    margin: 0;
    border-radius: 50%;
}

html body.modern-page .cortes-usuario-modern button[data-drawer] {
    display: none !important;
}

html body.modern-page .cortes-usuario-modern > .RadGrid {
    overflow: hidden;
    border: 1px solid #d4e4ee;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(26, 73, 105, .07);
}

html body.modern-page .cortes-usuario-modern > .RadGrid .rgCommandRow,
html body.modern-page .cortes-usuario-modern > .RadGrid .rgCommandTable {
    background: #fff;
}

html body.modern-page .cortes-usuario-modern > .RadGrid .rgHeader {
    background: #edf6fa;
    color: #31536a;
    font-size: 11px;
    font-weight: 650;
    text-transform: uppercase;
}

html body.modern-page .cortes-usuario-modern > .RadGrid .rgRow td,
html body.modern-page .cortes-usuario-modern > .RadGrid .rgAltRow td {
    height: 21px !important;
    min-height: 21px !important;
    max-height: 21px !important;
    padding: 0 4px !important;
    border-color: #e1ebf1;
    font-size: 8px !important;
    line-height: 1.05 !important;
    white-space: nowrap;
}

html body.modern-page .cortes-usuario-modern > .RadGrid .rgRow td > span,
html body.modern-page .cortes-usuario-modern > .RadGrid .rgAltRow td > span,
html body.modern-page .cortes-usuario-modern > .RadGrid .rgRow td > label,
html body.modern-page .cortes-usuario-modern > .RadGrid .rgAltRow td > label {
    display: inline !important;
    white-space: nowrap !important;
    font-size: 8px !important;
    line-height: 1 !important;
}

html body.modern-page .cortes-usuario-modern > .RadGrid .rgHeader:first-child,
html body.modern-page .cortes-usuario-modern > .RadGrid .rgRow td:first-child,
html body.modern-page .cortes-usuario-modern > .RadGrid .rgAltRow td:first-child {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
    white-space: nowrap !important;
}

html body.modern-page .cortes-usuario-modern > .RadGrid tr.rgRow,
html body.modern-page .cortes-usuario-modern > .RadGrid tr.rgAltRow {
    height: 21px !important;
    min-height: 21px !important;
    max-height: 21px !important;
}

html body.modern-page .cortes-usuario-modern > .RadGrid .rgHeader {
    height: 26px !important;
    min-height: 26px !important;
    padding: 2px 4px !important;
    font-size: 8px !important;
    line-height: 1.05 !important;
}

html body.modern-page .cortes-usuario-modern > .RadGrid .rgCommandRow,
html body.modern-page .cortes-usuario-modern > .RadGrid .rgCommandTable,
html body.modern-page .cortes-usuario-modern > .RadGrid .rgCommandCell {
    height: 28px !important;
    min-height: 28px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    font-size: 10px !important;
}

html body.modern-page .cortes-usuario-modern > .RadGrid .rgDataDiv,
html body.modern-page .cortes-usuario-modern > .RadGrid .rgMasterTable {
    font-size: 9px !important;
}

html body.modern-page .cortes-usuario-modern > .RadGrid .rgSelectedCell,
html body.modern-page .cortes-usuario-modern > .RadGrid .rgSelectedRow > td {
    height: 21px !important;
    min-height: 21px !important;
    max-height: 21px !important;
    line-height: 17px !important;
    padding: 1px 3px !important;
    vertical-align: middle !important;
}

/* Preserve the validation-state colour on alternating and selected cells. */
html body.modern-page .cortes-usuario-modern > .RadGrid td.corte-estado-0 { background: rgb(255, 255, 255) !important; }
html body.modern-page .cortes-usuario-modern > .RadGrid td.corte-estado-1 { background: rgb(255, 215, 215) !important; }
html body.modern-page .cortes-usuario-modern > .RadGrid td.corte-estado-2 { background: rgb(200, 255, 200) !important; }
html body.modern-page .cortes-usuario-modern > .RadGrid td.corte-estado-3 { background: rgb(255, 238, 138) !important; }
html body.modern-page .cortes-usuario-modern > .RadGrid td.corte-estado-4 { background: rgb(255, 160, 160) !important; }
html body.modern-page .cortes-usuario-modern > .RadGrid td.corte-estado-5 { background: rgb(178, 224, 250) !important; }
html body.modern-page .cortes-usuario-modern > .RadGrid td.corte-estado-6 { background: rgb(49, 131, 177) !important; }
html body.modern-page .cortes-usuario-modern > .RadGrid td.corte-estado-7 { background: rgb(105, 199, 105) !important; }

html body.modern-page .cortes-usuario-modern .modal {
    background: rgba(10, 31, 45, .58) !important;
    opacity: 1 !important;
    backdrop-filter: blur(2px);
}

html body.modern-page .cortes-usuario-modern #corteWindow.window {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 15510 !important;
    inset: 50% auto auto 50% !important;
    width: min(1080px, calc(100vw - 48px)) !important;
    height: auto !important;
    max-height: calc(100vh - 48px) !important;
    margin: 0 !important;
    padding: 18px !important;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translate(-50%, -50%);
    border: 1px solid #cbdfe9;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(7, 39, 59, .28);
}

html body.modern-page .cortes-usuario-modern #corteWindow .title {
    margin: -18px -18px 16px;
    padding: 15px 18px;
    border-bottom: 1px solid #dce8ef;
    background: #f7fbfd;
}

html body.modern-page .cortes-usuario-modern #corteWindow .title span {
    margin: 0;
    color: #123b55;
    font-size: 19px;
    font-weight: 650;
}

html body.modern-page .cortes-usuario-modern #corteWindow .title small {
    display: block;
    margin-top: 3px;
    color: #6d8494;
    font-size: 10px;
    font-weight: 400;
}

html body.modern-page .cortes-usuario-modern #corteWindow .key {
    display: none !important;
}

html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-main,
html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-pairs,
html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-values {
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
}

html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-main > [class*="col-"] {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
}

html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-main > .key,
html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-pairs > .key,
html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-values > .key {
    display: none !important;
}

html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-pairs > [class*="col-"]:not(.key) {
    width: calc(50% - 6px) !important;
    flex: 0 0 calc(50% - 6px);
    max-width: calc(50% - 6px);
}

html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-values > [class*="col-"]:not(.key) {
    width: calc(50% - 6px) !important;
    flex: 0 0 calc(50% - 6px);
    max-width: calc(50% - 6px);
}

html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-observations {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-top: 2px;
}

html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-observations > .key {
    display: none !important;
}

html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-observations > [class*="col-"]:not(.key):not(.corte-modal-action) {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
}

html body.modern-page .cortes-usuario-modern #corteWindow .corte-modal-action {
    width: auto !important;
    flex: 0 0 auto;
    max-width: none;
    padding: 0 !important;
}

html body.modern-page .cortes-usuario-modern #corteWindow .corte-modal-action-first {
    margin-left: auto !important;
}

html body.modern-page .cortes-usuario-modern #corteWindow .corte-modal-action .ga-button {
    min-width: 128px;
    min-height: 34px;
    justify-content: center;
}

html body.modern-page .cortes-usuario-modern #corteWindow .ga-field {
    width: 100%;
    margin-bottom: 9px;
}

html body.modern-page .cortes-usuario-modern #corteWindow .ga-label {
    margin-bottom: 4px;
    color: #244d66;
    font-size: 10px;
    font-weight: 600;
}

html body.modern-page .cortes-usuario-modern #corteWindow .ga-control,
html body.modern-page .cortes-usuario-modern #corteWindow .ga-combobox-trigger,
html body.modern-page .cortes-usuario-modern #corteWindow .ga-modern-input {
    min-height: 34px !important;
    height: 34px !important;
    font-size: 11px !important;
}

html body.modern-page .cortes-usuario-modern #corteWindow .ga-field-textarea .ga-modern-input {
    height: auto !important;
    min-height: 68px !important;
    resize: vertical;
}

html body.modern-page .cortes-usuario-modern #corteWindow table {
    border-spacing: 0;
}

html body.modern-page .cortes-usuario-modern #corteWindow table td {
    vertical-align: bottom;
}

html body.modern-page .cortes-usuario-modern #corteWindow .key {
    padding-top: 8px;
    color: #31566d;
    font-size: 11px;
    font-weight: 600;
}

html body.modern-page .cortes-usuario-modern #corteWindow .RadInput,
html body.modern-page .cortes-usuario-modern #corteWindow .RadComboBox,
html body.modern-page .cortes-usuario-modern #corteWindow .RadDropDownList,
html body.modern-page .cortes-usuario-modern #corteWindow .RadPicker {
    margin-bottom: 7px;
}

html body.modern-page .cortes-usuario-modern #corteWindow .riTextBox,
html body.modern-page .cortes-usuario-modern #corteWindow .rcbInner,
html body.modern-page .cortes-usuario-modern #corteWindow .rddlInner {
    min-height: 32px;
    border-color: #acd4e8;
    border-radius: 6px;
    background: #fff;
}

html body.modern-page .cortes-usuario-modern #corteWindow .RadButton {
    min-height: 34px;
    border-radius: 7px;
    font-weight: 500;
}

html body.modern-page .cortes-usuario-modern #corteWindow [id$="btnValidate"] {
    border-color: #009fe3;
    background: #009fe3;
    color: #fff;
}

html body.modern-page .cortes-usuario-modern #corteWindow [id$="btnCancel"] {
    border-color: #b8cfdb;
    background: #fff;
    color: #31566d;
}

html body.modern-page .cortes-usuario-modern #corteWindow [id$="btnDelete"] {
    border-color: #efb7b7;
    background: #fff5f5;
    color: #b42323;
}

html body.modern-page .cortes-usuario-modern #corteWindow [id$="btnRealizadoFecha"],
html body.modern-page .cortes-usuario-modern #corteWindow [id$="btnRealizadoValor"] {
    margin-left: 4px;
    width: 35px !important;
    min-width: 35px !important;
    padding: 0 !important;
    border-color: #b8d8e8;
    background: #f3f9fc;
    color: #07577f;
    font-size: 14px;
    font-weight: 600;
}

html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-pairs table,
html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-values table {
    width: 100% !important;
    table-layout: auto;
}

html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-pairs table td:last-child,
html body.modern-page .cortes-usuario-modern #corteWindow .corte-row-values table td:last-child {
    width: 39px !important;
    padding-left: 0 !important;
}

html body.modern-page .cortes-usuario-modern #corteWindow [id$="lcForm"] {
    width: 100% !important;
}

html body.modern-page .cortes-usuario-modern #corteWindow [id$="lcMap"] {
    min-height: 280px;
    border-radius: 10px;
    overflow: hidden;
}

html body.modern-page .cortes-usuario-modern #corteWindow > br {
    display: none;
}

@media (max-width: 768px) {
    html body.modern-page .cortes-usuario-page { padding: 12px; }
    html body.modern-page .cortes-usuario-modern .drawer-right { right: auto !important; }
    html body.modern-page .cortes-filter-grid { grid-template-columns: 1fr; }
    html body.modern-page .cortes-filter-actions { justify-content: stretch; }
    html body.modern-page .cortes-filter-actions > * { flex: 1 1 50%; }
}

/* Analysis scheduler ----------------------------------------------------- */
.analisis-scheduler-modern {
    padding: 16px 24px 28px;
    color: #123b56;
}

.analisis-scheduler-header {
    margin-bottom: 16px;
}

.analisis-scheduler-header h1 {
    margin: 0 0 4px;
    color: #102f46;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.02em;
}

.analisis-scheduler-header p {
    margin: 0;
    color: #698298;
    font-size: 12px;
}

.analisis-scheduler-filter-card,
.analisis-scheduler-card {
    border: 1px solid #d7e5ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(26, 73, 105, .07);
}

.analisis-scheduler-filter-card {
    padding: 16px;
    margin-bottom: 12px;
}

.analisis-scheduler-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: #07577f;
    font-size: 13px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .025em;
}

.analisis-scheduler-section-title::before {
    width: 3px;
    height: 16px;
    border-radius: 3px;
    background: #00a4df;
    content: "";
}

.analisis-scheduler-filter-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px 16px;
}

.analisis-scheduler-filter-actions {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    grid-column: 3;
    min-height: 52px;
}

.analisis-scheduler-compat {
    display: none;
}

.analisis-scheduler-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 12px;
}

.analisis-scheduler-legend-item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 26px;
    padding: 3px 10px;
    border: 1px solid #dae7ef;
    border-radius: 999px;
    background: #fff;
    color: #34556c;
    font-size: 11px;
    font-weight: 500;
}

.analisis-scheduler-legend-item::before {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    content: "";
}

.scheduler-status-missing-all::before { background: #ff4233; }
.scheduler-status-missing-report::before { background: #ff8933; }
.scheduler-status-missing-record::before { background: #dce990; }
.scheduler-status-complete::before { background: #65c984; }

.analisis-scheduler-card {
    overflow-x: auto;
    overflow-y: hidden;
}

.analisis-scheduler-card .analisis-scheduler-control {
    min-width: 1040px;
    border: 0 !important;
    background: #fff;
    font-family: inherit;
}

.analisis-scheduler-card .RadScheduler .rsHeader {
    padding: 6px 8px;
    border: 0;
    background: #087fa9;
    color: #fff;
}

.analisis-scheduler-card .RadScheduler .rsHeader a,
.analisis-scheduler-card .RadScheduler .rsHeader span {
    color: #fff;
}

.analisis-scheduler-card .RadScheduler .rsHeader .rsPrevDay,
.analisis-scheduler-card .RadScheduler .rsHeader .rsNextDay,
.analisis-scheduler-card .RadScheduler .rsHeader .rsToday,
.analisis-scheduler-card .RadScheduler .rsHeader .rsViewDay,
.analisis-scheduler-card .RadScheduler .rsHeader .rsViewWeek,
.analisis-scheduler-card .RadScheduler .rsHeader .rsViewMonth,
.analisis-scheduler-card .RadScheduler .rsHeader .rsViewTimeline {
    border-color: rgba(255, 255, 255, .35) !important;
    background-color: rgba(0, 55, 88, .25) !important;
    color: #fff !important;
    text-shadow: none !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .rsSelected,
.analisis-scheduler-card .RadScheduler .rsHeader .rsSelected:hover {
    border-color: #fff !important;
    background: #fff !important;
    color: #07577f !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .rsViews .rsSelected,
.analisis-scheduler-card .RadScheduler .rsHeader .rsViews .rsSelected a,
.analisis-scheduler-card .RadScheduler .rsHeader .rsViews .rsSelected span {
    background: #fff !important;
    color: #07577f !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .rsViews li,
.analisis-scheduler-card .RadScheduler .rsHeader .rsViews li a,
.analisis-scheduler-card .RadScheduler .rsHeader .rsViews li span {
    border-color: rgba(255, 255, 255, .45) !important;
    background-color: #00a4df !important;
    color: #fff !important;
    opacity: 1 !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .rsViews .rsSelected,
.analisis-scheduler-card .RadScheduler .rsHeader .rsViews .rsSelected a,
.analisis-scheduler-card .RadScheduler .rsHeader .rsViews .rsSelected span {
    border-color: rgba(255, 255, 255, .55) !important;
    background-color: #07577f !important;
    color: #fff !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .rsDatePickerActivator {
    display: inline-block !important;
    width: 45px;
    height: 28px;
    margin-left: 7px;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    border-radius: 5px;
    background-color: rgba(0, 55, 88, .25) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='2.5' y='3.5' width='11' height='10' rx='1.5' fill='none' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M5 2.5v3M11 2.5v3M3 7h10' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 15px 15px !important;
    color: transparent !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .rsDatePickerActivator::before {
    content: none !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .rsDatePickerCalendar,
.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar,
.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar table,
.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar td,
.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar th {
    background-color: #fff;
    color: #244a62 !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar {
    width: 230px !important;
    border: 1px solid #cddfe9;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(22, 60, 83, .18);
}

.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar .rcTitlebar,
.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar .rcTitlebar td {
    background: #087fa9 !important;
    color: #fff !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar .rcTitlebar a,
.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar .rcTitlebar span {
    color: #fff !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar .rcMain,
.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar .rcMainTable {
    width: 100% !important;
    background: #fff !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar .rcMain th {
    padding: 7px 3px;
    background: #edf5f8 !important;
    color: #4a687a !important;
    text-align: center;
}

.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar .rcRow td {
    height: 29px !important;
    padding: 1px !important;
    background: #fff !important;
    text-align: center;
}

.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar .rcRow a,
.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar .rcRow span {
    display: block;
    padding: 5px 3px;
    border-radius: 5px;
    background: transparent !important;
    color: #244a62 !important;
    font-size: 11px;
    text-indent: 0 !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar .rcSelected a,
.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar .rcToday a {
    background: #00a4df !important;
    color: #fff !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .RadCalendar .rcOtherMonth a {
    color: #9aafbc !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .rsPrevDay,
.analisis-scheduler-card .RadScheduler .rsHeader .rsNextDay {
    display: inline-block !important;
    visibility: visible !important;
    overflow: hidden;
    width: 28px;
    height: 28px;
    min-width: 28px;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .45) !important;
    border-radius: 5px;
    background-color: rgba(0, 55, 88, .28) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 14px 14px !important;
    font-size: 0 !important;
    text-indent: -9999px !important;
    text-align: center;
    opacity: 1 !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .rsPrevDay {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 3 5.5 8l5 5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .rsNextDay {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m5.5 3 5 5-5 5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.analisis-scheduler-card .RadScheduler .rsHeader .rsPrevDay::before,
.analisis-scheduler-card .RadScheduler .rsHeader .rsNextDay::before {
    content: none !important;
}

.analisis-scheduler-card .RadScheduler .rsViews li,
.analisis-scheduler-card .RadScheduler .rsViews a {
    border-radius: 6px;
}

.analisis-scheduler-card .RadScheduler .rsMonthView,
.analisis-scheduler-card .RadScheduler .rsContent {
    border-color: #dbe7ef;
}

.analisis-scheduler-card .RadScheduler .rsDateHeader,
.analisis-scheduler-card .RadScheduler .rsHorizontalHeaderTable th {
    background: #f2f7fa;
    color: #547085;
    font-weight: 600;
}

.analisis-scheduler-card .RadScheduler .rsApt {
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(24, 63, 87, .12);
}

.analisis-scheduler-card .RadScheduler .rsAptContent {
    padding: 3px 6px;
    border: 0;
    background: transparent;
}

.analisis-scheduler-appointment {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.analisis-scheduler-appointment .appointmentImage {
    flex: 0 0 auto;
    margin: 0;
}

.analisis-scheduler-appointment a {
    display: flex;
    align-items: baseline;
    gap: 5px;
    min-width: 0;
    color: #173b52 !important;
    text-decoration: none;
}

.analisis-scheduler-appointment strong {
    font-size: 11px;
    font-weight: 600;
    color: #173b52;
    text-shadow: none;
}

.analisis-scheduler-appointment span {
    overflow: hidden;
    color: #4c6879;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .analisis-scheduler-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .analisis-scheduler-filter-actions { grid-column: 2; }
}

@media (max-width: 700px) {
    .analisis-scheduler-modern { padding: 12px; }
    .analisis-scheduler-filter-grid { grid-template-columns: 1fr; }
    .analisis-scheduler-filter-actions { grid-column: 1; }
    .analisis-scheduler-filter-actions .ga-button { width: 100%; }
}

/* Facturacion de cortes ------------------------------------------------- */
html body.modern-page .cortes-facturacion-page {
    box-sizing: border-box;
    padding: 6px 2px 28px;
    width: 100%;
}

html body.modern-page .cortes-facturacion-header {
    align-items: center;
    display: flex;
    gap: 14px;
    margin: 0 0 18px;
}

html body.modern-page .cortes-facturacion-header-icon {
    align-items: center;
    background: linear-gradient(135deg, #009fe3, #087cb2);
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(0, 159, 227, .2);
    color: #fff;
    display: inline-flex;
    flex: 0 0 44px;
    height: 44px;
    justify-content: center;
    width: 44px;
}

html body.modern-page .cortes-facturacion-header-icon svg {
    height: 22px;
    width: 22px;
}

html body.modern-page .cortes-facturacion-header h1 {
    color: #102f49;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}

html body.modern-page .cortes-facturacion-header p,
html body.modern-page .cortes-facturacion-results-heading p {
    color: #6c8294;
    font-size: 12px;
    margin: 4px 0 0;
}

html body.modern-page .cortes-facturacion-message {
    box-sizing: border-box;
    margin: 0 0 14px;
    width: 100%;
}

html body.modern-page .cortes-facturacion-filter-card {
    background: #fff;
    border: 1px solid #d8e4ec;
    border-radius: 12px;
    box-shadow: 0 5px 16px rgba(26, 69, 96, .06);
    margin: 0 0 16px;
    padding: 16px 18px 18px;
}

html body.modern-page .cortes-facturacion-section-title {
    color: #31536b;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .45px;
    margin: 0 0 13px;
    text-transform: uppercase;
}

html body.modern-page .cortes-facturacion-filter-grid {
    align-items: end;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(150px, .7fr) minmax(150px, .7fr) minmax(300px, 2fr) auto;
}

html body.modern-page .cortes-facturacion-filter-grid > .ga-field {
    margin: 0;
    min-width: 0;
    width: 100%;
}

html body.modern-page .cortes-facturacion-filter-actions {
    align-items: center;
    display: flex;
    gap: 8px;
    min-height: 34px;
}

html body.modern-page .cortes-facturacion-filter-actions .ga-button {
    white-space: nowrap;
}

html body.modern-page .cortes-facturacion-hidden-compat {
    display: none !important;
}

html body.modern-page .cortes-facturacion-results-card {
    overflow: hidden;
}

html body.modern-page .cortes-facturacion-results-heading {
    background: #fff;
    border-bottom: 1px solid #e3ebf1;
    padding: 15px 18px 13px;
}

html body.modern-page .cortes-facturacion-results-heading h2 {
    color: #173f58;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

html body.modern-page .cortes-facturacion-grid {
    border: 0 !important;
}

html body.modern-page .cortes-facturacion-grid .rgCommandRow td {
    border-top: 0 !important;
}

html body.modern-page .cortes-facturacion-grid .rgMasterTable .rgRow > td,
html body.modern-page .cortes-facturacion-grid .rgMasterTable .rgAltRow > td {
    font-size: 11px !important;
    height: 32px;
    padding: 4px 8px !important;
    vertical-align: middle;
}

html body.modern-page .cortes-facturacion-grid input[type="checkbox"] {
    accent-color: #0788c7;
    height: 15px;
    margin: 0;
    vertical-align: middle;
    width: 15px;
}

@media (max-width: 980px) {
    html body.modern-page .cortes-facturacion-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html body.modern-page .cortes-facturacion-filter-actions {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    html body.modern-page .cortes-facturacion-header-icon {
        display: none;
    }

    html body.modern-page .cortes-facturacion-filter-grid {
        grid-template-columns: 1fr;
    }

    html body.modern-page .cortes-facturacion-filter-actions,
    html body.modern-page .cortes-facturacion-filter-actions .ga-button {
        grid-column: auto;
        width: 100%;
    }

    html body.modern-page .cortes-facturacion-results-card {
        overflow-x: auto;
    }
}

/* SINAC analysis export -------------------------------------------------- */
html body.modern-page .ga-button-icon-search::before { content: "⌕"; display: block; font-family: "Segoe UI Symbol",sans-serif; font-size: 18px; line-height: 1; }

/* Analysis document workflow -------------------------------------------- */
html body.modern-page .analisis-doc-modern { padding: 12px 24px 32px; color: #17384f; }
html body.modern-page .analisis-doc-header { margin-bottom: 18px; }
html body.modern-page .analisis-doc-header h1 { margin: 0; color: #102f49; font-size: 24px; font-weight: 800; }
html body.modern-page .analisis-doc-header p { margin: 5px 0 0; color: #6c8294; font-size: 13px; }
html body.modern-page .analisis-doc-filter-card { padding: 18px 20px; border: 1px solid #d5e5ef; border-radius: 14px; background: #fff; box-shadow: 0 8px 25px rgba(18,66,96,.07); }
html body.modern-page .analisis-doc-section-title { margin-bottom: 15px; color: #075e8e; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
html body.modern-page .analisis-doc-filter-grid { display: grid; grid-template-columns: repeat(3,minmax(220px,1fr)); gap: 16px 20px; }
html body.modern-page .analisis-doc-filter-grid .ga-field,
html body.modern-page .analisis-doc-filter-grid .ga-modern-input,
html body.modern-page .analisis-doc-filter-grid .ga-combobox-trigger,
html body.modern-page .analisis-doc-filter-grid .ga-picker-shell { width: 100%; min-width: 0; box-sizing: border-box; }
html body.modern-page .analisis-doc-filter-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; padding-top: 15px; border-top: 1px solid #e2ebf1; }
html body.modern-page .analisis-doc-filter-actions .ga-button,
html body.modern-page .analisis-doc-approval-card .ga-button { min-height: 40px; padding: 0 17px; border-radius: 8px; font-weight: 600; }
html body.modern-page .analisis-doc-compat { display: none; }
html body.modern-page .analisis-doc-approval-card { display: grid; grid-template-columns: minmax(220px,1fr) minmax(220px,320px) auto; align-items: end; gap: 18px; margin: 14px 0; padding: 16px 20px; border: 1px solid #cfe4ef; border-radius: 12px; background: #f4fafc; }
html body.modern-page .analisis-doc-approval-card > div { align-self: center; display: flex; flex-direction: column; gap: 3px; }
html body.modern-page .analisis-doc-approval-card strong { color: #145271; font-size: 13px; }
html body.modern-page .analisis-doc-approval-card span { color: #708797; font-size: 11px; }
html body.modern-page .analisis-doc-grid-card { overflow-x: auto; border: 1px solid #d5e5ef; border-radius: 13px; background: #fff; box-shadow: 0 9px 28px rgba(18,66,96,.07); }
html body.modern-page .analisis-doc-grid-card > .RadGrid { min-width: 1250px; border: 0; }
html body.modern-page .analisis-doc-grid-card .rgCommandRow td { padding: 10px 14px; background: #f6fafc; }
html body.modern-page .analisis-doc-grid-card .rgHeader { padding: 11px 8px; border-color: #dbe6ee; background: #eaf3f8; color: #21465f; font-size: 10px; font-weight: 800; }
html body.modern-page .analisis-doc-grid-card .rgRow td,
html body.modern-page .analisis-doc-grid-card .rgAltRow td { padding: 9px 8px; border-color: #e3ebf0; color: #29445a; font-size: 11px; vertical-align: middle; }
html body.modern-page .analisis-doc-grid-card .rgAltRow td { background: #f9fbfc; }
html body.modern-page .analisis-doc-grid-card .RadComboBox { width: 100% !important; min-width: 105px; }
html body.modern-page .analisis-doc-grid-card .RadComboBox table { width: 100% !important; }
html body.modern-page .analisis-doc-grid-card .RadInput { width: 100% !important; }
html body.modern-page .analisis-doc-grid-card textarea.riTextBox { min-height: 46px; padding: 7px !important; border-radius: 6px; resize: vertical; }
html body.modern-page .analisis-doc-grid-card a { color: #007db5; font-weight: 650; }
html body.modern-page .analisis-doc-modern .mensaje,
html body.modern-page .analisis-doc-validation { margin: 12px 0; padding: 11px 14px; border-radius: 8px; }
@media(max-width:1050px) { html body.modern-page .analisis-doc-filter-grid { grid-template-columns: repeat(2,minmax(220px,1fr)); } html body.modern-page .analisis-doc-approval-card { grid-template-columns: 1fr 1fr; } }
@media(max-width:650px) { html body.modern-page .analisis-doc-modern { padding: 10px 12px 24px; } html body.modern-page .analisis-doc-filter-grid, html body.modern-page .analisis-doc-approval-card { grid-template-columns:minmax(0,1fr); } html body.modern-page .analisis-doc-filter-actions { flex-direction:column; } }

html body.modern-page .analisis-exportar-modern { padding: 12px 24px 32px; color: #17384f; }
html body.modern-page .analisis-exportar-header { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
html body.modern-page .analisis-exportar-header-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg,#009fe3,#087cb2); color: #fff; box-shadow: 0 8px 18px rgba(0,159,227,.22); font-size: 11px; font-weight: 800; letter-spacing: .06em; }
html body.modern-page .analisis-exportar-header h1 { margin: 0; color: #102f49; font-size: 24px; font-weight: 800; }
html body.modern-page .analisis-exportar-header p { margin: 4px 0 0; color: #6c8294; font-size: 13px; }
html body.modern-page .analisis-exportar-card { overflow: hidden; border: 1px solid #d5e5ef; border-radius: 14px; background: #fff; box-shadow: 0 10px 30px rgba(18,66,96,.08); }
html body.modern-page .analisis-exportar-section-title { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 17px 20px; border-bottom: 1px solid #e2ebf1; background: #f8fbfd; }
html body.modern-page .analisis-exportar-section-title span { color: #075e8e; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
html body.modern-page .analisis-exportar-section-title small { color: #7a8e9e; font-size: 11px; }
html body.modern-page .analisis-exportar-filters { display: grid; grid-template-columns: repeat(3,minmax(220px,1fr)); gap: 18px 20px; padding: 22px 20px 26px; }
html body.modern-page .analisis-exportar-filters .ga-field,
html body.modern-page .analisis-exportar-filters .ga-modern-input,
html body.modern-page .analisis-exportar-filters .ga-combobox-trigger,
html body.modern-page .analisis-exportar-filters .ga-picker-shell { width: 100%; min-width: 0; box-sizing: border-box; }
html body.modern-page .analisis-exportar-filters .ga-modern-input,
html body.modern-page .analisis-exportar-filters .ga-combobox-trigger,
html body.modern-page .analisis-exportar-filters .ga-picker-shell { min-height: 42px; }
html body.modern-page .analisis-exportar-compat { display: none; }
html body.modern-page .analisis-exportar-actions { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 20px; border-top: 1px solid #dfeaf1; background: #f6fafc; }
html body.modern-page .analisis-exportar-actions > div { display: flex; flex-direction: column; gap: 2px; }
html body.modern-page .analisis-exportar-actions strong { color: #23465e; font-size: 12px; }
html body.modern-page .analisis-exportar-actions span { color: #7a8f9f; font-size: 11px; }
html body.modern-page .analisis-exportar-actions .ga-button { min-height: 42px; padding: 0 20px; border-radius: 9px; font-weight: 600; }
html body.modern-page .analisis-exportar-modern .mensaje,
html body.modern-page .analisis-exportar-validation { margin: 0 0 14px; padding: 12px 15px; border-radius: 9px; box-sizing: border-box; }
html body.modern-page .analisis-exportar-notification:empty { display: none; }
html body.modern-page .analisis-exportar-confirm { padding: 24px; text-align: center; }
html body.modern-page .analisis-exportar-confirm-icon { display: grid; place-items: center; width: 44px; height: 44px; margin: 0 auto 12px; border-radius: 50%; background: #fff3d6; color: #b87500; font-size: 24px; font-weight: 800; }
html body.modern-page .analisis-exportar-confirm h3 { margin: 0 0 8px; color: #153b55; font-size: 19px; }
html body.modern-page .analisis-exportar-confirm p { max-width: 440px; margin: 0 auto 18px; color: #657d8e; line-height: 1.5; }
html body.modern-page .analisis-exportar-confirm .RadButton { min-height: 40px; border-radius: 8px; font-weight: 600; }
@media (max-width:1050px) { html body.modern-page .analisis-exportar-filters { grid-template-columns: repeat(2,minmax(220px,1fr)); } }
@media (max-width:650px) { html body.modern-page .analisis-exportar-modern { padding: 10px 12px 24px; } html body.modern-page .analisis-exportar-filters { grid-template-columns:minmax(0,1fr); } html body.modern-page .analisis-exportar-section-title, html body.modern-page .analisis-exportar-actions { align-items:flex-start; flex-direction:column; } }

/* Disconformidades ------------------------------------------------------- */
/* Reclamaciones uses the same visual system with its own scoped selectors. */
html body.modern-page .reclamaciones-modern { padding: 12px 24px 30px; color: #16324a; }
html body.modern-page .reclamaciones-header { margin-bottom: 18px; }
html body.modern-page .reclamaciones-header h1 { margin: 0; color: #102f49; font-size: 24px; font-weight: 500; line-height: 1.2; }
html body.modern-page .reclamaciones-header p { margin: 5px 0 0; color: #637b91; font-size: 13px; }
html body.modern-page .reclamaciones-filter-card {
    padding: 18px; margin-bottom: 14px; border: 1px solid #d7e5ef; border-radius: 12px;
    background: #fff; box-shadow: 0 8px 24px rgba(20, 67, 99, .06);
}
html body.modern-page .reclamaciones-section-title {
    display: flex; align-items: center; margin-bottom: 14px; color: #0b527f;
    font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: .04em;
}
html body.modern-page .reclamaciones-filter-grid {
    display: grid; grid-template-columns: minmax(250px, 1.2fr) minmax(210px, 1fr) minmax(210px, 1fr) auto;
    align-items: end; gap: 14px;
}
html body.modern-page .reclamaciones-filter-field,
html body.modern-page .reclamaciones-filter-field > .ga-field,
html body.modern-page .reclamaciones-filter-grid > .ga-field { width: 100%; min-width: 0; }
html body.modern-page .reclamaciones-filter-grid .ga-modern-input,
html body.modern-page .reclamaciones-filter-grid .ga-combobox-trigger,
html body.modern-page .reclamaciones-filter-grid .ga-picker-shell { width: 100%; min-height: 40px; box-sizing: border-box; }
html body.modern-page .reclamaciones-hidden-compat { display: none; }
html body.modern-page .reclamaciones-filter-actions {
    display: flex; align-items: center; justify-content: flex-end; gap: 10px;
}
html body.modern-page .reclamaciones-filter-actions .ga-button {
    display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 16px;
    border-radius: 8px; box-sizing: border-box; font-weight: 500 !important; white-space: nowrap; text-decoration: none;
}
html body.modern-page .reclamaciones-filter-actions .ga-button span { font-weight: 500 !important; }
html body.modern-page .reclamaciones-search-button:before,
html body.modern-page .reclamaciones-print-button:before {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    content: "" !important;
    display: inline-block;
    flex: 0 0 14px;
    height: 14px;
    margin-right: 8px;
    width: 14px;
}
html body.modern-page .reclamaciones-search-button:before { background-image: url("../images/buscar-white.png") !important; }
html body.modern-page .reclamaciones-print-button:before { background-image: url("../images/modern-print.svg") !important; }
html body.modern-page .reclamaciones-status-legend {
    display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 12px;
}
html body.modern-page .reclamaciones-status-legend .leyendaItem {
    display: inline-flex; align-items: center; gap: 7px; float: none; padding: 7px 11px; margin: 0;
    border: 1px solid #e0eaf1; border-radius: 999px; background: #fff; color: #486176;
    font-size: 11px; font-weight: 500;
}
html body.modern-page .reclamaciones-status-legend .leyendaCuadroColor {
    width: 10px; height: 10px; float: none; margin: 0; border: 0; border-radius: 50%;
}
html body.modern-page .reclamaciones-status-legend .status-initial { background: #d9e3ea !important; }
html body.modern-page .reclamaciones-status-legend .status-processing { background: #e7c642 !important; }
html body.modern-page .reclamaciones-status-legend .status-sent { background: #747be8 !important; }
html body.modern-page .reclamaciones-status-legend .status-finished { background: #54bd76 !important; }
html body.modern-page .reclamaciones-grid-card {
    overflow: hidden; border: 1px solid #d7e5ef; border-radius: 12px; background: #fff;
    box-shadow: 0 10px 28px rgba(20, 67, 99, .07);
}
html body.modern-page .reclamaciones-grid-card > .RadGrid { border: 0; }
html body.modern-page .reclamaciones-grid-card .rgCommandRow td { padding: 10px 14px; background: #f7fafc; }
html body.modern-page .reclamaciones-grid-card .rgHeader {
    padding: 11px 9px; border-color: #dbe6ee; background: #edf4f8; color: #21465f;
    font-size: 11px; font-weight: 500;
}
html body.modern-page .reclamaciones-grid-card .rgRow td,
html body.modern-page .reclamaciones-grid-card .rgAltRow td { padding: 10px 9px; border-color: #e7eef3; }
html body.modern-page .reclamaciones-modern .mensaje { margin: 0 0 14px; padding: 11px 14px; border-radius: 8px; }
@media (max-width: 1150px) {
    html body.modern-page .reclamaciones-filter-grid { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
    html body.modern-page .reclamaciones-filter-actions { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
    html body.modern-page .reclamaciones-modern { padding: 10px 12px 24px; }
    html body.modern-page .reclamaciones-filter-grid { grid-template-columns: minmax(0, 1fr); }
    html body.modern-page .reclamaciones-filter-actions { grid-column: auto; align-items: stretch; flex-direction: column; }
}

html body.modern-page .disconformidades-modern {
    padding: 12px 24px 30px;
    color: #16324a;
}

html body.modern-page .disconformidades-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

html body.modern-page .disconformidades-header h1 {
    margin: 0;
    color: #102f49;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
}

html body.modern-page .disconformidades-header p {
    margin: 5px 0 0;
    color: #637b91;
    font-size: 13px;
}

html body.modern-page .disconformidades-header-actions,
html body.modern-page .disconformidades-filter-actions,
html body.modern-page .disconformidades-modal-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

html body.modern-page .disconformidades-modern .RadButton.ga-button,
html body.modern-page .disconformidades-modern a.ga-button {
    min-height: 38px;
    padding: 0 16px;
    border-radius: 8px;
    font-weight: 700;
    box-sizing: border-box;
}

html body.modern-page .disconformidades-back-button .rbText:before,
html body.modern-page .disconformidades-claim-button .rbText:before,
html body.modern-page .disconformidades-search-button:before,
html body.modern-page .disconformidades-print-button:before {
    display: inline-block;
    margin-right: 8px;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome, sans-serif;
    font-weight: 900;
}

html body.modern-page .disconformidades-back-button .rbText:before { content: "←"; font-family: "Segoe UI Symbol", sans-serif; }
html body.modern-page .disconformidades-claim-button .rbText:before { content: "↗"; font-family: "Segoe UI Symbol", sans-serif; }
html body.modern-page .disconformidades-search-button:before { content: "⌕"; font-family: "Segoe UI Symbol", sans-serif; font-size: 17px; }
html body.modern-page .disconformidades-print-button:before { content: "▣"; font-family: "Segoe UI Symbol", sans-serif; }

html body.modern-page .disconformidades-filter-card {
    padding: 18px;
    margin-bottom: 14px;
    border: 1px solid #d7e5ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 67, 99, .06);
}

html body.modern-page .disconformidades-section-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    color: #0b527f;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

html body.modern-page .disconformidades-section-title:before {
    content: "\f0b0";
    color: #009fe3;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome, sans-serif;
    font-weight: 900;
}

html body.modern-page .disconformidades-filter-grid {
    display: grid;
    grid-template-columns: minmax(250px, 1.2fr) minmax(210px, 1fr) minmax(210px, 1fr) auto;
    align-items: end;
    gap: 14px;
}

html body.modern-page .disconformidades-filter-field,
html body.modern-page .disconformidades-filter-field > .ga-field,
html body.modern-page .disconformidades-filter-grid > .ga-field {
    width: 100%;
    min-width: 0;
}

html body.modern-page .disconformidades-filter-grid .ga-modern-input,
html body.modern-page .disconformidades-filter-grid .ga-combobox-trigger,
html body.modern-page .disconformidades-filter-grid .ga-picker-shell {
    width: 100%;
    min-height: 40px;
    box-sizing: border-box;
}

html body.modern-page .disconformidades-hidden-compat { display: none; }

html body.modern-page .disconformidades-filter-actions .ga-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    text-decoration: none;
}

html body.modern-page .disconformidades-status-legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
}

html body.modern-page .disconformidades-status-legend .leyendaItem {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    float: none;
    padding: 7px 11px;
    margin: 0;
    border: 1px solid #e0eaf1;
    border-radius: 999px;
    background: #fff;
    color: #486176;
    font-size: 11px;
    font-weight: 700;
}

html body.modern-page .disconformidades-status-legend .leyendaCuadroColor {
    width: 10px;
    height: 10px;
    float: none;
    margin: 0;
    border: 0;
    border-radius: 50%;
}

html body.modern-page .status-initial { background: #d9e3ea !important; }
html body.modern-page .status-rejected { background: #f56c78 !important; }
html body.modern-page .status-claimed { background: #747be8 !important; }
html body.modern-page .status-finished { background: #54bd76 !important; }

html body.modern-page .disconformidades-grid-card {
    overflow: hidden;
    border: 1px solid #d7e5ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(20, 67, 99, .07);
}

html body.modern-page .disconformidades-grid-card > .RadGrid { border: 0; }
html body.modern-page .disconformidades-grid-card .rgCommandRow td { padding: 10px 14px; background: #f7fafc; }
html body.modern-page .disconformidades-grid-card .rgHeader {
    padding: 11px 9px;
    border-color: #dbe6ee;
    background: #edf4f8;
    color: #21465f;
    font-size: 11px;
    font-weight: 800;
}
html body.modern-page .disconformidades-grid-card .rgRow td,
html body.modern-page .disconformidades-grid-card .rgAltRow td {
    height: 42px;
    padding: 10px 9px;
    border-color: #e7eef3;
    color: #29445a;
    font-size: 12px;
}

html body.modern-page .disconformidades-grid-card .rgRow > td:nth-child(2),
html body.modern-page .disconformidades-grid-card .rgAltRow > td:nth-child(2) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    width: 44px !important;
}

html body.modern-page .disconformidades-grid-card .rgRow > td:nth-child(2) input[type="image"],
html body.modern-page .disconformidades-grid-card .rgAltRow > td:nth-child(2) input[type="image"] {
    display: block;
    width: 18px !important;
    height: 18px !important;
    margin: 0 auto !important;
    padding: 5px;
    border-radius: 7px;
    background: #e8f6fc;
    box-sizing: content-box;
    object-fit: contain;
    transition: background-color .15s ease, transform .15s ease;
}

html body.modern-page .disconformidades-grid-card .rgRow > td:nth-child(2) input[type="image"]:hover,
html body.modern-page .disconformidades-grid-card .rgAltRow > td:nth-child(2) input[type="image"]:hover {
    background: #ccecf9;
    transform: translateY(-1px);
}

html body.modern-page .disconformidades-grid-card .rgRow:hover td,
html body.modern-page .disconformidades-grid-card .rgAltRow:hover td { background: #f1f9fd; }
html body.modern-page .disconformidades-grid-card tr.ga-status-initial > td { background: #ffffff !important; }
html body.modern-page .disconformidades-grid-card tr.ga-status-rejected > td { background: #ffe3e5 !important; }
html body.modern-page .disconformidades-grid-card tr.ga-status-claimed > td { background: #e8e9ff !important; }
html body.modern-page .disconformidades-grid-card tr.ga-status-finished > td { background: #e1f7e7 !important; }
html body.modern-page .disconformidades-grid-card tr.ga-status-rejected > td:first-child { box-shadow: inset 4px 0 #f56c78; }
html body.modern-page .disconformidades-grid-card tr.ga-status-claimed > td:first-child { box-shadow: inset 4px 0 #747be8; }
html body.modern-page .disconformidades-grid-card tr.ga-status-finished > td:first-child { box-shadow: inset 4px 0 #54bd76; }
html body.modern-page .disconformidades-grid-card tr.ga-status-rejected:hover > td { background: #ffd8dc !important; }
html body.modern-page .disconformidades-grid-card tr.ga-status-claimed:hover > td { background: #dddfff !important; }
html body.modern-page .disconformidades-grid-card tr.ga-status-finished:hover > td { background: #d5f2dd !important; }
html body.modern-page .disconformidades-grid-card .rgEditForm { background: #eef8fd !important; padding: 12px !important; }
html body.modern-page .disconformidades-grid-card .rgEditRow > td { padding: 12px !important; background: #e8f6fc !important; }

html body.modern-page .disconformidad-entry-modern { padding: 4px; color: #244157; }
html body.modern-page .disconformidad-entry-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 0 0 14px; }
html body.modern-page .disconformidad-entry-heading h2 { margin: 0; color: #123f5d; font-size: 18px; font-weight: 750; }
html body.modern-page .disconformidad-entry-heading span { color: #7890a2; font-size: 11px; }
html body.modern-page .disconformidad-entry-section { margin-bottom: 14px; padding: 16px; border: 1px solid #cfe2ed; border-radius: 10px; background: #fff; }
html body.modern-page .disconformidad-entry-section h3 { margin: 0 0 14px; color: #0876ad; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
html body.modern-page .disconformidad-entry-grid { display: grid; grid-template-columns: repeat(3, minmax(180px, 1fr)); gap: 13px 16px; }
html body.modern-page .disconformidad-data-grid { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
html body.modern-page .disconformidad-entry-wide { grid-column: 1 / -1; }
html body.modern-page .disconformidad-entry-grid .ga-field,
html body.modern-page .disconformidad-entry-grid .ga-modern-input,
html body.modern-page .disconformidad-entry-grid .ga-combobox-trigger,
html body.modern-page .disconformidad-entry-grid .ga-picker-shell,
html body.modern-page .disconformidad-entry-grid textarea { width: 100%; box-sizing: border-box; }
html body.modern-page .disconformidad-invoice-section .ga-modern-input[readonly] { background: #f3f7fa; color: #405b6f; border-color: #d6e3ea; }
html body.modern-page .disconformidad-entry-compat { display: none; }
html body.modern-page .disconformidad-entry-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #e2ebf1; }
html body.modern-page .disconformidad-entry-actions .ga-button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 16px; border-radius: 8px; font-weight: 550; text-decoration: none; }
html body.modern-page .disconformidad-cancel-button:before { content: "×"; margin-right: 7px; font-size: 18px; }
html body.modern-page .disconformidad-save-button:before { content: "✓"; margin-right: 7px; font-size: 15px; }
@media (max-width: 950px) { html body.modern-page .disconformidad-entry-grid { grid-template-columns: repeat(2, minmax(180px, 1fr)); } }
@media (max-width: 650px) {
    html body.modern-page .disconformidad-entry-grid,
    html body.modern-page .disconformidad-data-grid { grid-template-columns: minmax(0, 1fr); }
}

html body.modern-page #divPasarAReclamacion.disconformidades-modal.window {
    width: min(560px, calc(100vw - 40px));
    min-height: 0;
    padding: 22px;
    border: 0;
    border-radius: 14px;
    box-shadow: 0 24px 70px rgba(7, 38, 59, .28);
    box-sizing: border-box;
}

html body.modern-page .disconformidades-modal fieldset { margin: 0; padding: 0; border: 0; }
html body.modern-page .disconformidades-modal legend h3 { margin: 0 0 18px; color: #123d5b; font-size: 20px; }
html body.modern-page .disconformidades-modal .adminTable { width: 100%; }
html body.modern-page .disconformidades-modal .adminTable td { padding: 7px; }
html body.modern-page .disconformidades-modal .adminTable .clave { width: 135px; color: #49667a; font-weight: 700; }
html body.modern-page .disconformidades-modal .RadInput { width: 100% !important; }
html body.modern-page .disconformidades-modal .riTextBox { min-height: 40px; border-radius: 7px; }
html body.modern-page .disconformidades-modal-actions { margin-top: 20px; }
html body.modern-page .disconformidades-modal-actions .ga-button { display: inline-flex; align-items: center; text-decoration: none; }

html body.modern-page .disconformidades-modern .mensaje {
    margin: 0 0 14px;
    padding: 11px 14px;
    border-radius: 8px;
}

@media (max-width: 1150px) {
    html body.modern-page .disconformidades-filter-grid { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
    html body.modern-page .disconformidades-filter-actions { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
    html body.modern-page .disconformidades-modern { padding: 10px 12px 24px; }
    html body.modern-page .disconformidades-header { align-items: flex-start; flex-direction: column; }
    html body.modern-page .disconformidades-header-actions { flex-wrap: wrap; justify-content: flex-start; }
    html body.modern-page .disconformidades-filter-grid { grid-template-columns: minmax(0, 1fr); }
    html body.modern-page .disconformidades-filter-actions { grid-column: auto; align-items: stretch; flex-direction: column; }
}

.ga-field,
.ga-field *,
.ga-field *::before,
.ga-field *::after {
    box-sizing: border-box;
}

.ga-field {
    display: grid;
    gap: 6px;
    min-width: 0;
    width: 100%;
}

.ga-label {
    color: #263c4d;
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
}

.ga-field-required .ga-label::after {
    color: #c33f3f;
    content: " *";
    font-weight: 700;
}

.ga-control {
    min-width: 0;
    position: relative;
    width: 100%;
}

.ga-modern-input,
html body.modern-page .ga-modern-input {
    background: #fff;
    border: 1px solid #b9d7e8;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(28, 66, 91, 0.06);
    color: #183043;
    display: block;
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    height: 36px;
    line-height: 20px;
    max-width: 100%;
    outline: none;
    padding: 7px 10px;
    transition: border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
    width: 100%;
}

.ga-modern-input:focus,
html body.modern-page .ga-modern-input:focus {
    border-color: #278fc2;
    box-shadow: 0 0 0 3px rgba(39, 143, 194, 0.16);
}

.ga-modern-input[disabled],
.ga-modern-input[readonly] {
    background: #edf4f7;
    color: #647989;
}

textarea.ga-modern-input,
html body.modern-page textarea.ga-modern-input {
    height: auto;
    min-height: 86px;
    resize: vertical;
}

.ga-help {
    color: #65798b;
    font-size: 12px;
    line-height: 1.3;
}

.ga-field-error {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ga-date-control .ga-modern-input {
    padding-right: 38px;
}

.ga-date-icon {
    border-left: 1px solid #d6e7f0;
    bottom: 1px;
    display: block;
    pointer-events: none;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 34px;
}

.ga-date-icon::before,
.ga-date-icon::after {
    content: "";
    display: block;
    position: absolute;
}

.ga-date-icon::before {
    border: 2px solid #417c9c;
    border-radius: 3px;
    height: 15px;
    left: 9px;
    top: 9px;
    width: 15px;
}

.ga-date-icon::after {
    background: #417c9c;
    height: 2px;
    left: 9px;
    top: 14px;
    width: 15px;
}

#borderTop.h_blue,
#borderTop {
    background: #fff !important;
    border-bottom: 1px solid #edf1f5;
    height: 42px !important;
    min-height: 42px;
}

#UpdatedDateDiv {
    align-items: center;
    color: #526579;
    display: flex !important;
    float: right !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    gap: 8px;
    height: 42px !important;
    justify-content: flex-end;
    margin: 0 !important;
    padding: 0 16px 0 0;
    text-align: right;
    width: auto !important;
}

#UpdatedDateDiv > span:first-child {
    align-items: center;
    display: flex;
    float: none !important;
    height: 42px;
    order: 2;
}

#UpdatedDateDiv .imgLogoMain {
    background: transparent !important;
    height: 32px !important;
    max-width: 120px;
    mix-blend-mode: multiply;
    object-fit: contain;
}

#divLoginStatus {
    display: inline-flex !important;
    margin: 0 !important;
}

#lblUserName {
    color: #0f426d;
    display: inline-flex;
    font-weight: 700;
}

#headerBox.headerBox {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #dfe8f1;
    box-shadow: 0 3px 12px rgba(36, 50, 71, .06);
    display: flex;
    gap: 24px;
    min-height: 64px;
    padding: 0 16px;
    position: relative;
    z-index: 500000;
}

#headerBox .headerLogo {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
}

#headerBox .headerLogo a {
    align-items: center;
    display: flex;
}

#headerBox .headerLogo .imgLogoMain {
    height: 44px !important;
    object-fit: contain;
}

#headerBox .headerLogo .logoAbismoHeader2 {
    display: block !important;
    height: auto !important;
    max-height: 42px !important;
    object-fit: contain;
    position: static !important;
    transform: none !important;
    width: 142px !important;
}

#adminMenuDiv {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 12px;
    justify-content: space-between;
    min-width: 0;
}

.adminMenuOverwrite.RadMenu,
.adminMenuOverwrite.RadMenu_MetroTouch {
    background: transparent !important;
    border: 0 !important;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
    position: relative;
    z-index: 1200 !important;
}

.adminMenuOverwrite.RadMenu .rmRootGroup,
.adminMenuOverwrite.RadMenu_MetroTouch .rmRootGroup,
.adminMenuOverwrite.RadMenu .rmRootGroup.rmHorizontal,
.adminMenuOverwrite.RadMenu_MetroTouch .rmRootGroup.rmHorizontal {
    align-items: center;
    background: #f4f8fb !important;
    border: 1px solid #dce7ef !important;
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    display: inline-flex;
    gap: 4px;
    min-height: 40px;
    padding: 4px !important;
}

.adminMenuOverwrite.RadMenu .rmRootGroup .rmItem,
.adminMenuOverwrite.RadMenu_MetroTouch .rmRootGroup .rmItem {
    border: 0 !important;
}

.adminMenuOverwrite.RadMenu .rmRootLink,
.adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink {
    background: transparent !important;
    border: 0 !important;
    border-radius: 7px !important;
    color: #27445d !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    min-height: 32px !important;
    padding: 0 13px !important;
}

.adminMenuOverwrite.RadMenu .rmRootLink:hover,
.adminMenuOverwrite.RadMenu .rmExpanded > .rmRootLink,
.adminMenuOverwrite.RadMenu .rmFocused > .rmRootLink,
.adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink:hover,
.adminMenuOverwrite.RadMenu_MetroTouch .rmExpanded > .rmRootLink,
.adminMenuOverwrite.RadMenu_MetroTouch .rmFocused > .rmRootLink {
    background: #0f426d !important;
    color: #fff !important;
    text-decoration: none !important;
}

.adminMenuOverwrite.RadMenu .rmRootLink .rmText,
.adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink .rmText {
    color: inherit !important;
    padding: 0 !important;
}

html .RadMenuPopup,
html .rmSlide {
    animation: none !important;
    opacity: 1 !important;
    transition: none !important;
    z-index: 900000 !important;
}

html .RadMenuPopup .rmGroup,
.adminMenuOverwrite.RadMenu .rmGroup,
.adminMenuOverwrite.RadMenu_MetroTouch .rmGroup {
    background: #fff !important;
    border: 1px solid #dce7ef !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 30px rgba(36, 50, 71, .16) !important;
    height: auto !important;
    min-width: 210px;
    overflow: visible !important;
    padding: 6px !important;
}

html .RadMenuPopup .rmLink,
.adminMenuOverwrite.RadMenu .rmGroup .rmLink,
.adminMenuOverwrite.RadMenu_MetroTouch .rmGroup .rmLink {
    background: transparent !important;
    border: 0 !important;
    border-radius: 7px !important;
    color: #243247 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 34px !important;
    min-height: 34px !important;
    padding: 0 12px !important;
}

html .RadMenuPopup .rmLink:hover,
html .RadMenuPopup .rmFocused > .rmLink,
.adminMenuOverwrite.RadMenu .rmGroup .rmLink:hover,
.adminMenuOverwrite.RadMenu .rmFocused > .rmLink,
.adminMenuOverwrite.RadMenu_MetroTouch .rmGroup .rmLink:hover,
.adminMenuOverwrite.RadMenu_MetroTouch .rmFocused > .rmLink {
    background: #eef7fc !important;
    color: #0f426d !important;
    text-decoration: none !important;
}

html .RadMenuPopup .rmText,
.adminMenuOverwrite.RadMenu .rmGroup .rmText,
.adminMenuOverwrite.RadMenu_MetroTouch .rmGroup .rmText {
    color: inherit !important;
    padding: 0 !important;
}

html .RadMenuPopup .rmSlide,
.adminMenuOverwrite.RadMenu .rmSlide,
.adminMenuOverwrite.RadMenu_MetroTouch .rmSlide {
    animation: none !important;
    height: auto !important;
    max-height: none !important;
    opacity: 1 !important;
    overflow: visible !important;
    transition: none !important;
}

html .RadMenuPopup *,
.adminMenuOverwrite.RadMenu *,
.adminMenuOverwrite.RadMenu_MetroTouch * {
    animation-duration: 0s !important;
    transition-duration: 0s !important;
}

html .RadMenuPopup .rmGroup .rmGroup,
.adminMenuOverwrite.RadMenu .rmGroup .rmGroup,
.adminMenuOverwrite.RadMenu_MetroTouch .rmGroup .rmGroup {
    margin-left: 4px !important;
    margin-top: -6px !important;
    min-width: 230px;
}

#module_status {
    align-items: center;
    display: flex;
    float: none;
    margin-left: auto;
}

#module_status span {
    display: inline-flex;
    float: none;
    margin: 0;
    padding: 0;
}

#module_status a {
    align-items: center;
    background: #fff;
    border: 1px solid #dce7ef;
    border-radius: 8px;
    color: #0f426d !important;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    min-height: 34px;
    padding: 0 12px;
    text-decoration: none;
}

#module_status a:hover {
    background: #eef7fc;
    border-color: #b7d6e8;
    text-decoration: none;
}

.content-box {
    padding-top: 18px !important;
}

@media (max-width: 900px) {
    #headerBox.headerBox {
        gap: 12px;
        min-height: 58px;
        padding: 0 10px;
    }

    #headerBox .headerLogo .imgLogoMain {
        height: 36px !important;
    }

    .adminMenuOverwrite.RadMenu .rmRootLink,
    .adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink {
        font-size: 13px !important;
        padding: 0 9px !important;
    }
}

/* Final global grid actions: pencil and trash share the same unframed 14px size. */
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][name$="EditButton"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][name$="EditButton"],
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][name*="EditCommandColumn"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][name*="EditCommandColumn"],
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][name$="DeleteButton"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][name$="DeleteButton"],
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][name*="DeleteColumn"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][name*="DeleteColumn"],
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][src*="modern-edit.svg"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][src*="modern-edit.svg"],
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][src*="muestras-edit.svg"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][src*="muestras-edit.svg"],
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][src*="modern-trash.svg"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][src*="modern-trash.svg"],
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][src*="Trash-can.png"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][src*="Trash-can.png"] {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: 14px !important;
    line-height: 14px !important;
    margin: 0 auto !important;
    max-height: 14px !important;
    max-width: 14px !important;
    min-height: 14px !important;
    min-width: 14px !important;
    object-fit: contain !important;
    padding: 0 !important;
    transform: none !important;
    width: 14px !important;
}

html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][name$="DeleteButton"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][name$="DeleteButton"],
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][name*="DeleteColumn"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][name*="DeleteColumn"],
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][src*="modern-trash.svg"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][src*="modern-trash.svg"],
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][src*="Trash-can.png"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][src*="Trash-can.png"] {
    content: url("../Styles/images/Trash-can.png") !important;
    filter: invert(43%) sepia(88%) saturate(1740%) hue-rotate(166deg) brightness(89%) contrast(96%) !important;
}

html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][name$="EditButton"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][name$="EditButton"],
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][name*="EditCommandColumn"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][name*="EditCommandColumn"],
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][src*="modern-edit.svg"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][src*="modern-edit.svg"],
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][src*="muestras-edit.svg"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][src*="muestras-edit.svg"],
html body.modern-page .modern-page .RadGrid .rgRow td input[type="image"][src*="EditPencil"],
html body.modern-page .modern-page .RadGrid .rgAltRow td input[type="image"][src*="EditPencil"] {
    content: url("../images/muestras-edit.svg") !important;
    filter: invert(43%) sepia(88%) saturate(1740%) hue-rotate(166deg) brightness(89%) contrast(96%) !important;
}

/* Modern application surfaces shared by renovated pages. */
.modern-page {
    color: #243247;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    padding: 8px 10px 28px;
}

.modern-page * {
    box-sizing: border-box;
}

.modern-page h1 {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

.modern-page-header {
    align-items: center;
    background: #0f426d;
    border-left: 4px solid #1ea7dc;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(15, 66, 109, .14);
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
    min-height: 58px;
    overflow: hidden;
    padding: 16px 20px;
    position: relative;
}

.modern-page-header:after {
    display: none;
}

.modern-page-header > * {
    position: relative;
    z-index: 1;
}

.modern-page-subtitle {
    color: rgba(255, 255, 255, .82);
    display: block;
    font-size: 13px;
    margin-top: 7px;
}

.modern-card,
.modern-grid-card {
    background: #f7fbfe;
    border: 1px solid #dde5ee;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(36, 50, 71, .05);
    margin-bottom: 14px;
}

.modern-card {
    padding: 18px 20px 20px;
}

.modern-grid-card {
    overflow: hidden;
}

/* Modern flat alert banners: replace the legacy pill-shaped, image-icon .mensaje
   look site-wide with a bordered card + CSS-only badge icon, per message type. */
html body.modern-page .mensaje {
    align-items: center !important;
    background: #f7f9fb !important;
    background-image: none !important;
    border: 1px solid #dce5ec !important;
    border-left: 4px solid #8296a6 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    color: #33465a !important;
    display: flex !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    gap: 12px !important;
    line-height: 1.4 !important;
    margin: 0 0 14px !important;
    min-height: 0 !important;
    padding: 12px 16px 12px 14px !important;
    width: 100% !important;
}

html body.modern-page .mensaje::before {
    align-items: center !important;
    border-radius: 50% !important;
    color: #fff !important;
    display: inline-flex !important;
    flex: 0 0 22px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    height: 22px !important;
    justify-content: center !important;
    line-height: 1 !important;
    width: 22px !important;
}

html body.modern-page .mensaje.error {
    background: #fdf2f2 !important;
    border-color: #f3c6c6 !important;
    border-left-color: #d64545 !important;
    color: #8a2c2c !important;
}

html body.modern-page .mensaje.error::before {
    background: #d64545 !important;
    content: "!" !important;
}

html body.modern-page .mensaje.success {
    background: #f0f9f1 !important;
    border-color: #bfe5c4 !important;
    border-left-color: #2f9e44 !important;
    color: #1e6b2e !important;
}

html body.modern-page .mensaje.success::before {
    background: #2f9e44 !important;
    content: "\2713" !important;
}

html body.modern-page .mensaje.warning {
    background: #fdf6ec !important;
    border-color: #f3ddb0 !important;
    border-left-color: #d99a1b !important;
    color: #8a5a0a !important;
}

html body.modern-page .mensaje.warning::before {
    background: #d99a1b !important;
    content: "!" !important;
}

html body.modern-page .mensaje.info {
    background: #eef7fc !important;
    border-color: #bfe0f2 !important;
    border-left-color: #0f6f9f !important;
    color: #0f4a68 !important;
}

html body.modern-page .mensaje.info::before {
    background: #0f6f9f !important;
    content: "i" !important;
    font-style: italic !important;
}

.modern-page .RadGrid {
    border: 0 !important;
    width: 100% !important;
}

.modern-page .RadGrid .rgHeader,
.modern-page .RadGrid th.rgHeader {
    background: #f6f8fb !important;
    border-color: #e1e8f0 !important;
    color: #0f426d !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .35px;
    padding: 9px 9px !important;
    text-transform: uppercase;
}

.modern-page .RadGrid .rgRow td,
.modern-page .RadGrid .rgAltRow td {
    border-color: #edf1f5 !important;
    color: #20344d;
    font-size: 14px;
    padding: 9px 10px !important;
}

.modern-page .RadGrid .rgAltRow td {
    background: #fbfcfe !important;
}

.modern-page .RadGrid .rgRow:hover td,
.modern-page .RadGrid .rgAltRow:hover td {
    background: #edf7fc !important;
}

.modern-page .RadGrid .rgCommandRow,
.modern-page .RadGrid .rgCommandTable,
.modern-page .RadGrid .rgPager {
    background: #f8fafc !important;
}

.modern-page .RadGrid .rgPager {
    border-top: 1px solid #e1e8f0 !important;
    padding: 9px !important;
}

/* Pager "Page size" combo (Telerik RadComboBox) renders oversized under the
   site-wide input/RadComboBox rules. Force it back to a small, fixed size. */
html body.modern-page .RadGrid .rgPager .RadComboBox {
    height: 28px !important;
    vertical-align: middle !important;
    width: 72px !important;
}

html body.modern-page .RadGrid .rgPager .RadComboBox .rcbInner {
    height: 28px !important;
}

html body.modern-page .RadGrid .rgPager .RadComboBox input.rcbInput {
    box-sizing: border-box !important;
    font-size: 13px !important;
    height: 26px !important;
    line-height: 26px !important;
    padding: 0 6px !important;
}

html body.modern-page .RadGrid .rgPager .RadComboBox .rcbActionButton {
    height: 26px !important;
    min-width: 22px !important;
    width: 22px !important;
}

.modern-page .rgEditRow,
.modern-page .rgEditRow + tr > td {
    background-color: #e8f4fb !important;
}

.modern-page .rgEditForm {
    background: #fff;
    border: 1px solid #cfe3ef;
    border-radius: 10px;
    box-shadow: none;
    margin: 8px 8px 10px;
    padding: 14px 14px 12px;
}

.modern-page .rgEditForm h3 {
    border-bottom: 1px solid #cfe3ef;
    color: #0f6f9f;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 12px;
    padding: 0 0 9px;
}

.modern-page .rgEditForm .adminTable {
    border-collapse: separate;
    border-spacing: 0 7px;
    max-width: 980px;
    width: auto;
}

.modern-page .rgEditForm .adminTable td {
    background: transparent;
    border: 0;
    color: #243247;
    font-size: 13px;
    padding: 0 10px 0 0;
    vertical-align: middle;
}

.modern-page .rgEditForm .adminTable td.clave {
    background: transparent;
    color: #41536a;
    font-size: 12px;
    font-weight: 700;
    min-width: 108px;
    padding: 0 8px 0 0;
    text-align: left;
    white-space: nowrap;
}

.modern-page .rgEditForm table:not(.adminTable) {
    border-collapse: separate;
    border-spacing: 8px 7px;
}

.modern-page .rgEditForm table:not(.adminTable) td {
    background: transparent;
    border: 0;
    color: #243247;
    font-size: 13px;
    padding: 0;
    vertical-align: middle;
    white-space: nowrap;
}

.modern-page .rgEditForm table:not(.adminTable) td:last-child {
    text-align: left;
}

.modern-page .rgEditForm .RadInput,
.modern-page .rgEditForm .RadPicker,
.modern-page .rgEditForm .RadComboBox {
    max-width: 100%;
    min-width: 170px;
}

.modern-page .rgEditForm .RadComboBox table {
    background: #fff !important;
    border: 1px solid #cfdde8 !important;
    border-collapse: separate !important;
    border-radius: 8px !important;
    box-shadow: inset 0 1px 2px rgba(36, 50, 71, .04);
    height: 32px !important;
    overflow: hidden;
}

.modern-page .rgEditForm .RadComboBox,
.modern-page .rgEditForm .RadComboBox_Default,
.modern-page .rgEditForm .RadComboBox .rcbReadOnly,
.modern-page .rgEditForm .RadComboBox .rcbFocused,
.modern-page .rgEditForm .RadComboBox .rcbHovered,
.modern-page .rgEditForm .RadComboBox .rcbInputCell,
.modern-page .rgEditForm .RadComboBox .rcbArrowCell,
.modern-page .rgEditForm .RadComboBox .rcbInput {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
}

.modern-page .rgEditForm .riTextBox,
.modern-page .rgEditForm textarea,
.modern-page .rgEditForm input[type="text"],
.modern-page .rgEditForm input[type="password"] {
    background: #fff !important;
    border: 1px solid #cfdde8 !important;
    border-radius: 8px !important;
    box-shadow: inset 0 1px 2px rgba(36, 50, 71, .04);
    color: #20344d !important;
    font-size: 13px !important;
    min-height: 36px;
    padding: 8px 10px !important;
}

.modern-page .rgEditForm textarea,
.modern-page .rgEditForm .riTextBox[style*="height"] {
    line-height: 1.35;
}

.modern-page .rgEditForm .riTextBox:focus,
.modern-page .rgEditForm textarea:focus,
.modern-page .rgEditForm input[type="text"]:focus {
    border-color: #1ea7dc !important;
    box-shadow: 0 0 0 3px rgba(30, 167, 220, .16);
    outline: 0;
}

.modern-page .rgEditForm .RadComboBox td,
.modern-page .rgEditForm .RadComboBox .rcbInputCell,
.modern-page .rgEditForm .RadComboBox .rcbArrowCell {
    background: transparent !important;
    border: 0 !important;
}

.modern-page .rgEditForm .RadComboBox .rcbInputCell {
    overflow: hidden;
    padding: 0 !important;
    width: 100%;
}

.modern-page .rgEditForm .RadComboBox .rcbArrowCell {
    border-left: 1px solid #dce7ef !important;
    width: 30px !important;
}

.modern-page .rgEditForm .RadComboBox .rcbInput {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #20344d !important;
    font-size: 12px !important;
    height: 34px !important;
    min-height: 34px;
    padding: 7px 10px !important;
}

.modern-page .rgEditForm .RadComboBox:focus-within table {
    border-color: #1ea7dc !important;
    box-shadow: 0 0 0 3px rgba(30, 167, 220, .16);
}

.modern-page input[type="checkbox"],
.modern-page input[type="radio"] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 14px !important;
    margin: 0 5px 0 0;
    min-height: 0;
    padding: 0 !important;
    vertical-align: middle;
    width: 14px !important;
}

.modern-page .rgEditForm input[type="checkbox"],
.modern-page .rgEditForm input[type="radio"] {
    appearance: auto;
    -webkit-appearance: auto;
}

.modern-page .rgEditForm .RadButton:not(.RadCheckBox),
.modern-page .rgEditForm .RadButton:not(.RadCheckBox) .rbDecorated {
    border-radius: 8px !important;
    min-height: 32px !important;
}

.modern-page .rgEditForm .RadButton:not(.RadCheckBox) {
    background: #fff !important;
    border: 1px solid #cfdde8 !important;
    box-shadow: 0 2px 6px rgba(36, 50, 71, .06);
    display: inline-block !important;
    margin: 0 6px 0 0 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    width: auto !important;
}

.modern-page .rgEditForm .RadButton:not(.RadCheckBox) .rbDecorated {
    color: #243247 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
}

.modern-page .rgEditForm .RadButton.rbPrimaryButton:not(.RadCheckBox),
.modern-page .rgEditForm .RadButton.rbPrimaryButton.RadButton:not(.RadCheckBox),
.modern-page .rgEditForm .RadButton[primary="true"]:not(.RadCheckBox) {
    background: #008f83 !important;
    border-color: #008f83 !important;
}

.modern-page .rgEditForm .RadButton.rbPrimaryButton:not(.RadCheckBox) .rbDecorated,
.modern-page .rgEditForm .RadButton.rbPrimaryButton.RadButton:not(.RadCheckBox) .rbDecorated {
    color: #fff !important;
}

.modern-page .rgEditForm .RadButton:not(.RadCheckBox):hover {
    border-color: #1ea7dc !important;
    box-shadow: 0 3px 9px rgba(15, 66, 109, .12);
}

.modern-page .rgEditForm td:has(.RadButton:not(.RadCheckBox)),
.modern-page .rgEditForm td:has(input[type="submit"]),
.modern-page .rgEditForm td:has(input[type="button"]) {
    text-align: right !important;
    white-space: nowrap !important;
}

.modern-page .rgEditForm input[type="submit"],
.modern-page .rgEditForm input[type="button"] {
    display: inline-block !important;
    margin: 0 6px 0 0 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    width: auto !important;
}

.modern-page .rgEditForm .modern-inline-actions {
    padding-left: 0 !important;
    padding-top: 4px !important;
    text-align: right !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

.modern-page .rgEditForm .contador-entry {
    max-width: 100%;
}

.modern-page .rgEditForm .contador-entry .RadTabStrip {
    background: #f8fcff !important;
    border: 1px solid #d5e8f3 !important;
    border-radius: 10px;
    margin: 8px 0 0;
    padding: 6px 6px 0;
}

.modern-page .rgEditForm .contador-entry .RadTabStrip .rtsUL,
.modern-page .rgEditForm .contrato-cliente-entry .RadTabStrip .rtsUL {
    display: flex !important;
    gap: 6px;
}

.modern-page .rgEditForm .contador-entry .RadTabStrip .rtsLink,
.modern-page .rgEditForm .contrato-cliente-entry .RadTabStrip .rtsLink {
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    color: #0f426d !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    min-height: 38px !important;
    padding: 0 17px !important;
}

.modern-page .rgEditForm .contador-entry .RadTabStrip .rtsLink .rtsTxt,
.modern-page .rgEditForm .contrato-cliente-entry .RadTabStrip .rtsLink .rtsTxt,
.modern-page .rgEditForm .contador-entry .RadTabStrip .rtsLink span,
.modern-page .rgEditForm .contrato-cliente-entry .RadTabStrip .rtsLink span {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    line-height: 36px !important;
}

.modern-page .rgEditForm .contador-entry .RadTabStrip .rtsSelected .rtsLink,
.modern-page .rgEditForm .contrato-cliente-entry .RadTabStrip .rtsSelected .rtsLink,
.modern-page .rgEditForm .contador-entry .RadTabStrip .rtsLink.rtsSelected,
.modern-page .rgEditForm .contrato-cliente-entry .RadTabStrip .rtsLink.rtsSelected {
    background: #009ee2 !important;
    color: #fff !important;
}

.modern-page .rgEditForm .contador-entry fieldset {
    padding: 16px 18px 18px;
}

.modern-page .rgEditForm .contador-form-table {
    max-width: 980px;
    width: auto;
}

.modern-page .rgEditForm .contador-form-table td {
    padding-bottom: 7px !important;
}

.modern-page .rgEditForm .contador-form-table td.clave {
    min-width: 128px;
}

.modern-page .rgEditForm .contador-form-table td:not(.clave):not(.contador-qr-cell):not(.modern-inline-actions) {
    min-width: 210px;
}

.modern-page .rgEditForm .contador-form-table .RadInput,
.modern-page .rgEditForm .contador-form-table .RadPicker {
    min-width: 185px !important;
    width: 100% !important;
}

.modern-page .rgEditForm .contador-form-table .RadDateTimePicker,
.modern-page .rgEditForm .contador-form-table .RadDatePicker {
    display: inline-table !important;
    min-width: 240px !important;
    vertical-align: middle !important;
    width: 240px !important;
}

.modern-page .rgEditForm .contador-form-table .RadDateTimePicker table,
.modern-page .rgEditForm .contador-form-table .RadDatePicker table {
    width: 240px !important;
}

.modern-page .rgEditForm .contador-form-table .RadDateTimePicker .riTextBox,
.modern-page .rgEditForm .contador-form-table .RadDatePicker .riTextBox {
    min-width: 176px !important;
    padding-left: 7px !important;
    padding-right: 4px !important;
    width: 176px !important;
}

.modern-page .rgEditForm .contador-form-table .rcCalPopup,
.modern-page .rgEditForm .contador-form-table .rcTimePopup {
    height: 34px !important;
    min-width: 28px !important;
    vertical-align: middle !important;
    width: 28px !important;
}

.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] {
    box-sizing: border-box !important;
    display: inline-table !important;
    min-width: 300px !important;
    width: 300px !important;
}

.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] > table {
    table-layout: auto !important;
    min-width: 300px !important;
    width: 300px !important;
}

.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] .rcInputCell {
    min-width: 216px !important;
    padding: 0 !important;
    width: 216px !important;
}

.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] .riTextBox {
    min-width: 212px !important;
    width: 212px !important;
}

.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] .rcCalPopup,
.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] .rcTimePopup {
    display: inline-block !important;
    min-width: 32px !important;
    width: 32px !important;
}

.modern-page .rgEditForm .contador-qr-cell {
    padding-left: 22px !important;
    vertical-align: top !important;
}

.modern-page .rgEditForm .contador-qr-cell img,
.modern-page .rgEditForm .contador-qr-cell svg {
    max-height: 128px;
    max-width: 128px;
}

.modern-page .rgEditForm .contador-actions {
    padding-top: 4px !important;
    text-align: right !important;
}

.modern-page .rgEditForm .contrato-titular-entry fieldset {
    padding: 18px;
}

.modern-page .rgEditForm .contrato-titular-form {
    max-width: 1180px;
    width: 100%;
}

.modern-page .rgEditForm .contrato-titular-form td {
    padding-bottom: 8px !important;
}

.modern-page .rgEditForm .contrato-titular-form td.clave {
    min-width: 150px;
    width: 170px;
}

.modern-page .rgEditForm .contrato-titular-form td:not(.clave) {
    min-width: 260px;
}

.modern-page .rgEditForm .contrato-titular-form .RadComboBox,
.modern-page .rgEditForm .contrato-titular-form .RadInput,
.modern-page .rgEditForm .contrato-titular-form .riTextBox {
    width: 100% !important;
}

.modern-page .rgEditForm .contrato-titular-actions {
    padding-top: 8px !important;
    text-align: right !important;
}

.modern-page .rgEditForm .rbSkinnedButton,
.modern-page .rgEditForm .RadButton {
    float: none !important;
}

.modern-page .rgEditForm .RadCheckBox {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    width: auto !important;
}

.modern-page .rgEditForm .RadCheckBox .rbDecorated,
.modern-page .rgEditForm .RadCheckBox .rbText {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
}

.modern-page .rgEditForm .modern-entry > h3,
.modern-page .rgEditForm .contrato-cliente-entry > h3 {
    color: #0076a8;
    font-size: 16px;
    font-weight: 800;
}

.modern-page .rgEditForm .contrato-cliente-entry {
    max-width: 100%;
}

.modern-page .rgEditForm .contrato-cliente-entry .RadTabStrip {
    background: #f8fcff !important;
    border: 1px solid #d5e8f3 !important;
    border-radius: 10px;
    margin: 8px 0 0;
    padding: 6px 6px 0;
}

.modern-page .rgEditForm .contrato-cliente-entry .RadMultiPage {
    background: #fff;
    border: 1px solid #d5e8f3;
    border-top: 3px solid #009ee2;
    border-radius: 0 0 10px 10px;
    padding: 14px;
}

.modern-page .rgEditForm .contrato-cliente-entry fieldset {
    background: #fff !important;
    border: 1px solid #d5e8f3;
    border-radius: 9px;
    margin: 0 0 14px;
    padding: 16px 14px;
}

.modern-page .rgEditForm .contrato-cliente-entry fieldset legend {
    background: #fff !important;
    border: 0;
    color: #0076a8 !important;
    font-size: 13px;
    font-weight: 800;
    padding: 0 8px;
}

.modern-page .rgEditForm .contrato-cliente-entry .RadPageLayout {
    width: 100%;
}

.modern-page .rgEditForm .contrato-cliente-entry .t-row {
    align-items: center;
    row-gap: 10px;
}

.modern-page .rgEditForm .contrato-cliente-entry .t-col {
    min-height: 38px;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .t-row {
    column-gap: 14px;
    display: grid !important;
    grid-template-columns: 140px minmax(230px, 420px) 140px minmax(230px, 420px);
    justify-content: start;
    row-gap: 10px;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .t-col {
    flex: none !important;
    max-width: none !important;
    min-height: 36px;
    padding: 0 !important;
    width: auto !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .t-col:nth-child(6),
.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .t-col:nth-child(12) {
    grid-column: span 3;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .t-col:nth-child(6) .RadInput,
.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .t-col:nth-child(12) .RadInput {
    max-width: 640px;
}

.modern-page .rgEditForm .contrato-cliente-entry .key,
.modern-page .rgEditForm .contrato-cliente-entry td.clave,
.modern-page .rgEditForm .contrato-cliente-entry fieldset > label {
    background: transparent !important;
    border: 0 !important;
    color: #17324d !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2;
    padding-top: 10px !important;
    text-align: left !important;
    white-space: nowrap;
}

.modern-page .rgEditForm .contrato-cliente-entry .RadInput,
.modern-page .rgEditForm .contrato-cliente-entry .RadComboBox,
.modern-page .rgEditForm .contrato-cliente-entry .RadPicker {
    min-width: 0;
    width: 100% !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .riTextBox,
.modern-page .rgEditForm .contrato-cliente-entry input[type="text"],
.modern-page .rgEditForm .contrato-cliente-entry textarea {
    min-height: 36px;
    width: 100% !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .riTextBox,
.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset input[type="text"],
.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset .riTextBox,
.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset input[type="text"] {
    min-width: 0 !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .RadComboBox table {
    height: 36px !important;
    width: 100% !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .RadComboBox .rcbInput {
    height: 34px !important;
    line-height: 20px !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .adminTable {
    border-collapse: separate;
    border-spacing: 14px 10px;
    width: auto !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .adminTable td:not(.clave) {
    min-width: 190px;
    width: 240px;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset .adminTable td.clave {
    min-width: 92px;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset .RadInput,
.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset .RadComboBox {
    max-width: 260px;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset [id$="txtFAX_wrapper"],
.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset [id$="ddlIne"] {
    max-width: 260px;
}

.modern-page .rgEditForm .contrato-cliente-entry .RadButton:not(.RadCheckBox) {
    min-height: 34px !important;
}

.modern-page .rgEditForm .contrato-cliente-entry [id$="txtCUENTA_wrapper"] {
    display: inline-block !important;
    min-width: 0 !important;
    vertical-align: middle !important;
    width: calc(100% - 42px) !important;
}

.modern-page .rgEditForm .contrato-cliente-entry [id$="btnValidarCuenta"] {
    display: inline-flex !important;
    height: 34px !important;
    margin-left: 6px !important;
    min-height: 34px !important;
    vertical-align: middle !important;
    width: 34px !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .RadButton[id*="btnValidate"],
.modern-page .rgEditForm .contrato-cliente-entry .RadButton[id*="btnSubmitFiles"] {
    background: #009878 !important;
    border-color: #00866b !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .RadButton[id*="btnValidate"] .rbDecorated,
.modern-page .rgEditForm .contrato-cliente-entry .RadButton[id*="btnSubmitFiles"] .rbDecorated {
    color: #fff !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-contable-fieldset {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-height: 52px;
    padding: 10px 16px !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-contable-fieldset > label {
    display: none;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-contable-fieldset .RadPageLayout,
.modern-page .rgEditForm .contrato-cliente-entry .cliente-contable-fieldset .t-row {
    width: auto !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-contable-fieldset .t-row {
    align-items: center;
    display: flex !important;
    gap: 12px;
    justify-content: flex-end;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-contable-fieldset .t-col {
    flex: 0 0 auto !important;
    min-height: 0;
    width: auto !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-contable-fieldset .key {
    background: #f2f9fd !important;
    border: 1px solid #d5e8f3 !important;
    border-radius: 999px;
    color: #0f426d !important;
    min-height: 34px;
    padding: 9px 14px !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-contable-fieldset [id$="chkContable"] {
    align-items: center !important;
    background: #eaf7fd !important;
    border: 1px solid #d5e8f3 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    height: 34px !important;
    justify-content: center;
    min-width: 54px !important;
    padding: 0 10px !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-contable-fieldset input[type="checkbox"] {
    accent-color: #009ee2;
    height: 18px;
    margin: 0;
    width: 18px;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-actions-fieldset {
    padding: 14px;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-actions-fieldset .t-row,
.modern-page .rgEditForm .contrato-cliente-entry .cliente-actions-fieldset .t-col {
    display: flex;
    justify-content: flex-end;
    width: 100% !important;
}

.modern-page fieldset {
    background: #fff !important;
    background-color: #fff !important;
    border: 1px solid #d6e8f3;
    border-radius: 8px;
    box-shadow: none;
    margin: 0 0 14px;
    padding: 14px 16px 16px;
}

.modern-page legend {
    background: #fff !important;
    background-color: #fff !important;
    border: 1px solid #d6e8f3;
    border-radius: 6px;
    color: #0f426d !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .35px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.modern-page fieldset .adminTable {
    background: #fff !important;
    background-color: #fff !important;
    border-collapse: separate;
    border-spacing: 0 10px;
    width: 100%;
}

.modern-page fieldset .adminTable td {
    background: #fff !important;
    background-color: #fff !important;
    border: 0;
    padding: 0 10px 0 0;
}

.modern-page fieldset .adminTable td.clave {
    color: #41536a;
    font-size: 11px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

.modern-page fieldset .riTextBox,
.modern-page fieldset input[type="text"] {
    background: #fff !important;
    border: 1px solid #cfdde8 !important;
    border-radius: 8px !important;
    color: #20344d !important;
    font-size: 13px !important;
    min-height: 36px;
    min-width: 280px;
    padding: 8px 10px !important;
}

.modern-page fieldset .RadComboBox table {
    background: #fff !important;
    border: 1px solid #cfdde8 !important;
    border-collapse: separate !important;
    border-radius: 8px !important;
    height: 36px !important;
    overflow: hidden;
}

.modern-page fieldset .RadComboBox,
.modern-page fieldset .RadComboBox_Default,
.modern-page fieldset .RadComboBox .rcbReadOnly,
.modern-page fieldset .RadComboBox .rcbFocused,
.modern-page fieldset .RadComboBox .rcbHovered,
.modern-page fieldset .RadComboBox .rcbInputCell,
.modern-page fieldset .RadComboBox .rcbArrowCell,
.modern-page fieldset .RadComboBox .rcbInput {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
}

.modern-page fieldset .RadComboBox td,
.modern-page fieldset .RadComboBox .rcbInputCell,
.modern-page fieldset .RadComboBox .rcbArrowCell {
    background: transparent !important;
    border: 0 !important;
}

.modern-page fieldset .RadComboBox .rcbArrowCell {
    border-left: 1px solid #dce7ef !important;
    width: 30px !important;
}

.modern-page fieldset .RadComboBox .rcbInput {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #20344d !important;
    font-size: 13px !important;
    height: 34px !important;
    min-height: 34px;
    padding: 7px 10px !important;
}

.modern-page fieldset .modern-inline-actions,
.modern-page fieldset .adminTable td.modern-inline-actions,
.modern-page fieldset .adminTable td:has(.modern-inline-actions) {
    text-align: right !important;
    width: 100%;
}

.modern-page .RadListBox {
    border-radius: 8px;
    overflow: hidden;
}

.modern-page .RadListBox .rlbGroup {
    border-color: #d7e4ee !important;
}

.modern-page .RadGrid img,
.modern-page .RadGrid input[type="image"] {
    max-height: 22px;
    max-width: 22px;
}

.modern-page .RadGrid img[src*="modern-edit.svg"],
.modern-page .RadGrid img[src*="modern-trash.svg"] {
    transition: transform .12s ease, opacity .12s ease;
}

.modern-page .RadGrid a:hover > img[src*="modern-edit.svg"],
.modern-page .RadGrid a:hover > img[src*="modern-trash.svg"] {
    opacity: .85;
    transform: scale(1.08);
}

.modern-page .RadGrid .rgRow td:first-child,
.modern-page .RadGrid .rgAltRow td:first-child,
.modern-page .RadGrid .rgEditRow td:first-child {
    min-width: 42px;
    padding-left: 7px !important;
    padding-right: 7px !important;
    text-align: center;
    width: 42px;
}

.modern-page .RadGrid .rgRow td:last-child,
.modern-page .RadGrid .rgAltRow td:last-child,
.modern-page .RadGrid .rgEditRow td:last-child {
    min-width: 42px;
    padding-left: 7px !important;
    padding-right: 7px !important;
    text-align: center;
    width: 42px;
}

.modern-page .RadGrid .rgRow td:first-child input[type="image"],
.modern-page .RadGrid .rgAltRow td:first-child input[type="image"],
.modern-page .RadGrid .rgRow td:last-child input[type="image"],
.modern-page .RadGrid .rgAltRow td:last-child input[type="image"],
.modern-page .RadGrid .rgRow td:first-child img,
.modern-page .RadGrid .rgAltRow td:first-child img,
.modern-page .RadGrid .rgRow td:last-child img,
.modern-page .RadGrid .rgAltRow td:last-child img {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 7px;
    box-sizing: content-box;
    display: inline-block;
    height: 20px !important;
    line-height: 20px;
    margin: 0 auto;
    max-height: none;
    max-width: none;
    padding: 6px;
    vertical-align: middle;
    width: 20px !important;
}

.modern-page .RadGrid .rgRow td:first-child input[type="image"],
.modern-page .RadGrid .rgAltRow td:first-child input[type="image"],
.modern-page .RadGrid .rgRow td:first-child img,
.modern-page .RadGrid .rgAltRow td:first-child img {
    background-color: #eef8fd;
    border-color: #cceaf7;
}

.modern-page .RadGrid .rgRow td:last-child input[type="image"],
.modern-page .RadGrid .rgAltRow td:last-child input[type="image"],
.modern-page .RadGrid .rgRow td:last-child img,
.modern-page .RadGrid .rgAltRow td:last-child img {
    background-color: #fff5f5;
    border-color: #f8d4d4;
}

.modern-page .RadGrid .rgRow td:first-child input[type="image"]:hover,
.modern-page .RadGrid .rgAltRow td:first-child input[type="image"]:hover,
.modern-page .RadGrid .rgRow td:last-child input[type="image"]:hover,
.modern-page .RadGrid .rgAltRow td:last-child input[type="image"]:hover,
.modern-page .RadGrid .rgRow td:first-child img:hover,
.modern-page .RadGrid .rgAltRow td:first-child img:hover,
.modern-page .RadGrid .rgRow td:last-child img:hover,
.modern-page .RadGrid .rgAltRow td:last-child img:hover {
    border-color: #cfdde8;
    box-shadow: 0 2px 6px rgba(36, 50, 71, .08);
}

.modern-page .RadGrid .rgEditForm input[type="image"] {
    background: #fff;
    border: 1px solid #cfdde8;
    border-radius: 7px;
    box-shadow: 0 2px 6px rgba(36, 50, 71, .06);
    box-sizing: border-box;
    height: 28px !important;
    margin: 0 4px 0 0;
    max-height: none;
    max-width: none;
    padding: 6px;
    vertical-align: middle;
    width: 28px !important;
}

.modern-page .RadGrid .rgEditForm input[type="image"]:hover {
    border-color: #1ea7dc;
    box-shadow: 0 3px 9px rgba(15, 66, 109, .12);
}

.modern-page .RadGrid .rgCommandRow a,
.modern-page .RadGrid .rgCommandRow input,
.modern-page .RadGrid .rgCommandCell a {
    color: #0f426d !important;
    font-size: 11px;
    font-weight: 600;
}

.maintenance-page .MaintenanceMenu {
    background: transparent;
    border: 0;
    margin: 0 auto;
    max-width: 980px;
    padding: 0;
    width: auto;
}

.maintenance-page .MaintenanceMenu fieldset {
    background: #fff;
    border: 1px solid #dde5ee;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(36, 50, 71, .05);
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    margin: 0;
    padding: 14px;
}

.maintenance-page .MaintenanceMenu legend {
    background: #fff;
    border: 1px solid #dde5ee;
    border-radius: 999px;
    color: #41536a !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .7px;
    padding: 7px 13px;
    text-transform: uppercase;
}

.maintenance-page .MaintenanceMenuItem {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #dfe8f1;
    border-radius: 8px;
    color: #243247 !important;
    display: flex;
    gap: 10px;
    height: 58px;
    justify-content: flex-start;
    margin: 0;
    padding: 10px 12px;
    text-decoration: none;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
    width: auto;
}

.maintenance-page .MaintenanceMenuItem:hover {
    background: #eef7fc;
    border-color: #b7d6e8;
    box-shadow: 0 4px 12px rgba(36, 50, 71, .08);
    color: #0f426d !important;
    text-decoration: none;
    transform: translateY(-1px);
}

.maintenance-page .MaintenanceMenuItem img {
    background: #e6f4fb;
    border: 1px solid #cce8f6;
    border-radius: 7px;
    height: 30px;
    object-fit: contain;
    padding: 5px;
    width: 30px;
}

.maintenance-page .MaintenanceMenuItem span {
    color: inherit;
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    text-align: left;
}

/* Main GIS landing page. */
#mainPageTable {
    background: #eef8fd;
}

#leftMenu {
    background: #eef8fd !important;
    border-right: 0 !important;
    flex: 0 0 460px !important;
    float: left !important;
    max-width: 460px !important;
    min-width: 460px !important;
    padding: 0 12px 18px 16px !important;
    width: 460px !important;
}

#mainPageTable .t-col-4#leftMenu {
    flex: 0 0 460px !important;
    max-width: 460px !important;
    width: 460px !important;
}

#rightPanel {
    background: #eef8fd !important;
    flex: 1 1 calc(100% - 460px) !important;
    float: left !important;
    max-width: calc(100% - 460px) !important;
    padding: 0 16px 18px 0 !important;
    width: calc(100% - 460px) !important;
}

#mainPageTable .t-col-8#rightPanel {
    flex: 1 1 calc(100% - 460px) !important;
    max-width: calc(100% - 460px) !important;
    width: calc(100% - 460px) !important;
}

#rightPanel.t-col-12 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

#instalacionesSelection {
    background: #f8fcff;
    border: 1px solid #d5e8f3;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(15, 66, 109, .08);
    height: auto !important;
    margin-top: 10px;
    max-height: calc(100vh - 245px);
    overflow: auto;
    padding: 10px !important;
}

#instalacionesSelection fieldset {
    background: #fff;
    border: 1px solid #d9e9f4;
    border-radius: 9px;
    box-shadow: 0 2px 9px rgba(36, 50, 71, .04);
    margin: 0 0 10px;
    padding: 15px 10px 10px;
}

#instalacionesSelection legend {
    background: #f8fcff;
    border: 1px solid #cfe6f2;
    border-radius: 999px;
    color: #0076a8 !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .2px;
    padding: 5px 10px;
}

#instalacionesSelection .adminTable {
    width: 100%;
}

#instalacionesSelection .adminTable td {
    padding: 5px 0 !important;
}

#instalacionesSelection .adminTable td.clave {
    background: transparent !important;
    border: 0 !important;
    color: #17324d;
    font-size: 12px;
    font-weight: 700;
    padding-right: 8px !important;
    text-align: left !important;
    vertical-align: middle !important;
    white-space: nowrap;
    width: 88px;
}

#instalacionesSelection .RadComboBox,
#instalacionesSelection .RadInput,
#instalacionesSelection .riTextBox {
    width: 100% !important;
}

#instalacionesSelection .RadComboBox table,
#instalacionesSelection .RadComboBox td,
#instalacionesSelection .RadInput table,
#instalacionesSelection .RadInput td {
    background: transparent !important;
    border: 0 !important;
}

#instalacionesSelection .RadComboBox .rcbInner,
#instalacionesSelection .RadComboBox .rcbReadOnly,
#instalacionesSelection .RadInput,
#instalacionesSelection .RadInput .riTextBox {
    background: #fff !important;
    border-color: #cfe0ec !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}

#instalacionesSelection .RadComboBox .rcbInput,
#instalacionesSelection .RadInput .riTextBox,
#instalacionesSelection input[type="text"] {
    background: #fff !important;
    border-color: #cfe0ec !important;
    border-radius: 7px !important;
    color: #17324d !important;
    font-size: 12px !important;
    min-height: 28px;
    padding-left: 8px !important;
}

#instalacionesSelection .RadComboBox .rcbArrowCell,
#instalacionesSelection .RadComboBox .rcbArrowCellRight {
    background: #fff !important;
    border: 0 !important;
    border-left: 1px solid #e5eef5 !important;
    border-radius: 0 7px 7px 0 !important;
}

#instalacionesSelection .RadComboBox .rcbFocused .rcbInner,
#instalacionesSelection .RadComboBox .rcbHovered .rcbInner,
#instalacionesSelection .RadInput_Focused,
#instalacionesSelection .RadInput_Focused .riTextBox,
#instalacionesSelection input[type="text"]:focus {
    border-color: #7cc7e6 !important;
    box-shadow: 0 0 0 2px rgba(0, 158, 226, .12) !important;
    outline: none !important;
}

#instalacionesSelection .RadTreeView {
    color: #17324d;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.3;
    overflow-x: auto;
}

#instalacionesSelection .RadTreeView .rtUL {
    margin: 0;
    padding-left: 0;
}

#instalacionesSelection .RadTreeView .rtLI {
    padding: 2px 0;
    position: relative;
}

#instalacionesSelection .RadTreeView .rtUL .rtUL {
    border-left: 0;
    margin-left: 12px;
    padding-left: 10px;
}

#instalacionesSelection .RadTreeView .rtIn {
    border: 1px solid transparent;
    border-radius: 7px;
    color: #17324d !important;
    display: inline-block !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px !important;
    min-height: 25px;
    padding: 3px 6px !important;
    text-decoration: none;
    vertical-align: middle !important;
    white-space: nowrap;
}

#instalacionesSelection .RadTreeView .rtIn:has(img.rtImg):before {
    display: none;
}

#instalacionesSelection .RadTreeView .rtIn:before {
    background: #d5f0fb;
    border: 1px solid #b8e2f2;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 7px;
    margin: 0 7px 1px 0;
    vertical-align: middle;
    width: 7px;
}

#instalacionesSelection .RadTreeView .rtIn:hover,
#instalacionesSelection .RadTreeView .rtHover .rtIn {
    background: #e6f5fc !important;
    border-color: #c7e8f5;
    color: #0f426d !important;
}

#instalacionesSelection .RadTreeView .rtSelected .rtIn,
#instalacionesSelection .RadTreeView .rtIn.rtSelected {
    background: #0f426d !important;
    border-color: #0f426d !important;
    box-shadow: 0 4px 11px rgba(15, 66, 109, .18);
    color: #fff !important;
}

#instalacionesSelection .RadTreeView .rtSelected .rtIn:before,
#instalacionesSelection .RadTreeView .rtIn.rtSelected:before {
    background: #fff;
    border-color: rgba(255, 255, 255, .6);
}

#instalacionesSelection .RadTreeView .rtPlus,
#instalacionesSelection .RadTreeView .rtMinus {
    cursor: pointer !important;
    display: inline-block !important;
    float: none !important;
    height: 18px !important;
    margin: 0 4px 0 0 !important;
    vertical-align: middle !important;
    width: 18px !important;
}

#instalacionesSelection .RadTreeView .rtPlus:hover,
#instalacionesSelection .RadTreeView .rtMinus:hover {
    filter: brightness(.9);
}

#instalacionesSelection .RadTreeView .rtSp {
    background: transparent !important;
    display: inline-block !important;
    float: none !important;
    height: 18px !important;
    vertical-align: middle !important;
    width: 18px !important;
}

#instalacionesSelection .RadTreeView .rtTop,
#instalacionesSelection .RadTreeView .rtMid,
#instalacionesSelection .RadTreeView .rtBot {
    background: transparent !important;
    display: block !important;
    min-height: 26px;
    overflow: visible;
    white-space: nowrap;
}

#instalacionesSelection .RadTreeView .rtIn img.rtImg {
    border-radius: 50%;
    display: inline-block !important;
    height: 18px !important;
    margin: 0 6px 0 0 !important;
    vertical-align: middle !important;
    width: 18px !important;
}

#instalacionesSelection .RadTreeView li.rtLI a.rtIn span {
    font-weight: 400 !important;
    vertical-align: middle;
}

.tocResize {
    align-items: center;
    background: #009ee2 !important;
    border: 1px solid #008cc8;
    border-radius: 8px;
    box-shadow: 0 6px 14px rgba(15, 66, 109, .16);
    color: #fff !important;
    display: flex !important;
    height: 32px !important;
    justify-content: center;
    left: -18px !important;
    top: 18px !important;
    width: 28px !important;
}

.tocResize:before {
    border-bottom: 6px solid transparent;
    border-right: 8px solid #fff;
    border-top: 6px solid transparent;
    content: "";
    display: block;
}

.tocResize.open:before {
    border-left: 8px solid #fff;
    border-right: 0;
}

.home-gis-page {
    color: #17324d;
    padding: 20px 0 0;
}

.home-gis-titlebar {
    align-items: center;
    background: #0f426d;
    border-left: 5px solid #00a9e8;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 66, 109, .18);
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin: 0 0 12px;
    min-height: 66px;
    padding: 14px 20px;
}

.home-gis-titlebar h1 {
    background: transparent;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

.home-gis-titlebar p {
    color: rgba(255, 255, 255, .82);
    font-size: 13px;
    font-weight: 600;
    margin: 5px 0 0;
}

.home-gis-stats {
    align-items: center;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 9px;
    display: flex;
    gap: 8px;
    padding: 8px 12px;
}

.home-gis-stats span {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
}

.home-gis-stats small {
    color: rgba(255, 255, 255, .86);
    font-size: 12px;
    font-weight: 700;
}

#facilitiesmapcontainer,
#bingMapDiv {
    background: #fff;
    border: 1px solid #d5e8f3;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(15, 66, 109, .1);
    overflow: hidden;
    padding: 10px;
}

.home-map-toolbar {
    align-items: center;
    background: #f8fcff;
    border: 1px solid #dcecf5;
    border-radius: 8px 8px 0 0;
    color: #17324d;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 10px 12px;
}

.home-map-toolbar span {
    color: #0f426d;
    font-size: 13px;
    font-weight: 800;
}

.home-map-toolbar small {
    color: #5d7186;
    font-size: 12px;
    font-weight: 700;
}

#facilitiesmap {
    background: #dbe8ef;
    border-radius: 8px;
    height: 560px;
    min-height: 500px;
    overflow: hidden;
}

/* Installation module navigation. */
.menuContainer {
    margin-bottom: 10px;
}

#currentInstalacion h2 {
    color: #0076a8;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 8px;
    padding: 0 6px;
}

.installation-module-menu.RadMenu,
.installation-module-menu.RadMenu_MetroTouch {
    background: #fff !important;
    border: 1px solid #d5e8f3;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(15, 66, 109, .08);
    display: block;
    margin: 0 0 10px;
    padding: 6px !important;
}

.installation-module-menu.RadMenu .rmRootGroup,
.installation-module-menu.RadMenu_MetroTouch .rmRootGroup,
.installation-module-menu.RadMenu .rmRootGroup.rmHorizontal,
.installation-module-menu.RadMenu_MetroTouch .rmRootGroup.rmHorizontal {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 5px;
    width: 100% !important;
}

.installation-module-menu.RadMenu .rmRootLink,
.installation-module-menu.RadMenu_MetroTouch .rmRootLink {
    align-items: center !important;
    background: #f2f9fd !important;
    border: 1px solid #d5e8f3 !important;
    border-radius: 8px !important;
    color: #0f426d !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    text-align: center !important;
}

.installation-module-menu.RadMenu .rmRootLink .rmText,
.installation-module-menu.RadMenu_MetroTouch .rmRootLink .rmText {
    color: inherit !important;
    display: inline-flex !important;
    justify-content: center !important;
    line-height: 32px !important;
    padding: 0 !important;
    text-align: center !important;
    width: 100%;
}

.installation-module-menu.RadMenu .rmRootLink:hover,
.installation-module-menu.RadMenu .rmExpanded > .rmRootLink,
.installation-module-menu.RadMenu .rmFocused > .rmRootLink,
.installation-module-menu.RadMenu_MetroTouch .rmRootLink:hover,
.installation-module-menu.RadMenu_MetroTouch .rmExpanded > .rmRootLink,
.installation-module-menu.RadMenu_MetroTouch .rmFocused > .rmRootLink {
    background: #0f426d !important;
    border-color: #0f426d !important;
    color: #fff !important;
}

.installation-module-menu.RadMenu .rmGroup,
.installation-module-menu.RadMenu_MetroTouch .rmGroup {
    background: #fff !important;
    border: 1px solid #d5e8f3 !important;
    border-radius: 9px !important;
    box-shadow: 0 14px 32px rgba(15, 66, 109, .18) !important;
    min-width: 210px;
    padding: 6px !important;
}

.installation-module-menu.RadMenu .rmGroup .rmLink,
.installation-module-menu.RadMenu_MetroTouch .rmGroup .rmLink {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 7px !important;
    color: #17324d !important;
    display: flex !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    justify-content: flex-start !important;
    min-height: 32px !important;
    padding: 0 10px !important;
}

.installation-module-menu.RadMenu .rmGroup .rmLink .rmText,
.installation-module-menu.RadMenu_MetroTouch .rmGroup .rmLink .rmText {
    color: inherit !important;
    line-height: 30px !important;
    padding: 0 !important;
}

.installation-module-menu.RadMenu .rmGroup .rmLink:hover,
.installation-module-menu.RadMenu .rmGroup .rmFocused > .rmLink,
.installation-module-menu.RadMenu_MetroTouch .rmGroup .rmLink:hover,
.installation-module-menu.RadMenu_MetroTouch .rmGroup .rmFocused > .rmLink {
    background: #e6f5fc !important;
    color: #0f426d !important;
}

.installation-module-menu.RadMenu .rmSlide,
.installation-module-menu.RadMenu_MetroTouch .rmSlide {
    overflow: visible !important;
}

/* Installation detail page. */
#rightPanel .installation-hidden-title {
    display: none !important;
}

#rightPanel > h1 {
    align-items: center;
    background: #0f426d;
    border-left: 5px solid #00a9e8;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 66, 109, .18);
    color: #fff !important;
    display: flex;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 12px;
    min-height: 58px;
    padding: 14px 18px;
}

#rightPanel .infoInstalacion {
    background: #fff;
    border: 1px solid #d5e8f3;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(15, 66, 109, .1);
    overflow: hidden;
    padding: 10px;
}

#rightPanel .RadTabStrip {
    background: #f8fcff !important;
    border: 1px solid #d5e8f3;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(15, 66, 109, .06);
    margin: 0 0 0;
    padding: 6px 6px 0;
}

#rightPanel .RadTabStrip .rtsUL {
    display: flex !important;
    gap: 6px;
}

#rightPanel .RadTabStrip .rtsLI,
#rightPanel .RadTabStrip .rtsLink,
#rightPanel .RadTabStrip .rtsOut,
#rightPanel .RadTabStrip .rtsIn {
    background: transparent !important;
    border: 0 !important;
}

#rightPanel .RadTabStrip .rtsLink {
    border-radius: 8px 8px 0 0 !important;
    color: #17324d !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    min-height: 38px !important;
    padding: 0 18px !important;
}

#rightPanel .RadTabStrip .rtsLink .rtsTxt,
#rightPanel .RadTabStrip .rtsLink span {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    line-height: 36px !important;
}

#rightPanel .RadTabStrip .rtsSelected .rtsLink,
#rightPanel .RadTabStrip .rtsLink.rtsSelected {
    background: #009ee2 !important;
    color: #fff !important;
}

#rightPanel .RadTabStrip .rtsLink:hover {
    background: #e6f5fc !important;
    color: #0f426d !important;
}

#rightPanel .RadMultiPage {
    background: #fff;
    border: 1px solid #d5e8f3;
    border-top: 3px solid #009ee2;
    border-radius: 0 0 10px 10px;
    padding: 12px;
}

#rightPanel .infoInstalacion fieldset {
    background: #fff !important;
    border: 1px solid #d5e8f3 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    margin: 0 0 12px !important;
    padding: 18px 14px 14px !important;
}

#rightPanel .infoInstalacion fieldset legend {
    background: #fff;
    border: 0;
    color: #0076a8 !important;
    font-size: 13px;
    font-weight: 800;
    padding: 0 8px;
}

#rightPanel #map {
    background: #dbe8ef;
    border-radius: 8px;
    height: min(520px, calc(100vh - 360px)) !important;
    min-height: 390px;
    overflow: hidden;
}

#rightPanel .infoInstalacion .adminTable {
    border-collapse: separate;
    border-spacing: 0 8px;
}

#rightPanel .infoInstalacion .adminTable td {
    padding: 3px 6px !important;
    vertical-align: middle;
}

#rightPanel .infoInstalacion .adminTable td.clave {
    background: transparent !important;
    border: 0 !important;
    color: #17324d;
    font-size: 12px;
    font-weight: 800;
    min-width: 120px;
    text-align: left !important;
    white-space: nowrap;
}

#rightPanel .infoInstalacion .RadInput,
#rightPanel .infoInstalacion .RadComboBox,
#rightPanel .infoInstalacion .riTextBox,
#rightPanel .infoInstalacion input[type="text"],
#rightPanel .infoInstalacion textarea {
    max-width: 100%;
}

#rightPanel .infoInstalacion .RadInput table,
#rightPanel .infoInstalacion .RadInput td,
#rightPanel .infoInstalacion .RadComboBox table,
#rightPanel .infoInstalacion .RadComboBox td {
    background: transparent !important;
    border: 0 !important;
}

#rightPanel .infoInstalacion .RadComboBox .rcbInner,
#rightPanel .infoInstalacion .RadComboBox .rcbReadOnly,
#rightPanel .infoInstalacion .RadInput,
#rightPanel .infoInstalacion .RadInput .riTextBox,
#rightPanel .infoInstalacion input[type="text"],
#rightPanel .infoInstalacion textarea {
    background: #fff !important;
    border-color: #cfe0ec !important;
    border-radius: 7px !important;
    color: #17324d !important;
    font-size: 12px !important;
    min-height: 30px;
}

#rightPanel .infoInstalacion .RadComboBox .rcbArrowCell,
#rightPanel .infoInstalacion .RadComboBox .rcbArrowCellRight {
    background: #fff !important;
    border-left: 1px solid #e5eef5 !important;
    border-radius: 0 7px 7px 0 !important;
}

#rightPanel .infoInstalacion .right {
    display: flex;
    float: none !important;
    justify-content: flex-end;
    margin-top: 12px;
}

#rightPanel .infoInstalacion .RadButton,
#rightPanel .infoInstalacion .botonGrande,
#rightPanel .infoInstalacion .botonMedium {
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    min-height: 34px !important;
    padding: 0 12px !important;
}

#rightPanel .infoInstalacion .success,
#rightPanel .infoInstalacion .rbPrimaryButton {
    background: #009878 !important;
    border-color: #00866b !important;
    color: #fff !important;
}

#rightPanel [id$="pageDocumentosInstalacion"] {
    background: #fff;
    border: 1px solid #d5e8f3;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(15, 66, 109, .1);
    padding: 14px;
}

#rightPanel [id$="pageDocumentosInstalacion"] h3 {
    align-items: center;
    border-bottom: 1px solid #dcecf5;
    color: #0076a8;
    display: flex;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 14px;
    min-height: 32px;
    padding: 0 0 10px;
}

#rightPanel [id$="divUploadFiles"] {
    background: #f8fcff;
    border: 1px solid #d5e8f3;
    border-radius: 9px;
    margin: 0 0 18px;
    padding: 14px;
}

#rightPanel [id$="pageDocumentosInstalacion"] .adminTable {
    border-collapse: separate;
    border-spacing: 0 8px;
    width: min(760px, 100%);
}

#rightPanel [id$="pageDocumentosInstalacion"] .adminTable td {
    background: transparent !important;
    border: 0 !important;
    padding: 3px 6px !important;
    vertical-align: middle;
}

#rightPanel [id$="pageDocumentosInstalacion"] .adminTable td.clave {
    color: #17324d;
    font-size: 12px;
    font-weight: 800;
    min-width: 130px;
    text-align: left !important;
    white-space: nowrap;
}

#rightPanel [id$="pageDocumentosInstalacion"] .RadInput,
#rightPanel [id$="pageDocumentosInstalacion"] .RadPicker,
#rightPanel [id$="pageDocumentosInstalacion"] .riTextBox,
#rightPanel [id$="pageDocumentosInstalacion"] input[type="text"],
#rightPanel [id$="pageDocumentosInstalacion"] textarea {
    max-width: 100%;
}

#rightPanel [id$="pageDocumentosInstalacion"] .RadInput table,
#rightPanel [id$="pageDocumentosInstalacion"] .RadInput td,
#rightPanel [id$="pageDocumentosInstalacion"] .RadPicker table,
#rightPanel [id$="pageDocumentosInstalacion"] .RadPicker td {
    background: transparent !important;
    border: 0 !important;
}

#rightPanel [id$="pageDocumentosInstalacion"] .RadInput,
#rightPanel [id$="pageDocumentosInstalacion"] .RadInput .riTextBox,
#rightPanel [id$="pageDocumentosInstalacion"] input[type="text"],
#rightPanel [id$="pageDocumentosInstalacion"] textarea {
    background: #fff !important;
    border-color: #cfe0ec !important;
    border-radius: 7px !important;
    color: #17324d !important;
    font-size: 12px !important;
    min-height: 30px;
}

#rightPanel [id$="pageDocumentosInstalacion"] textarea {
    min-height: 62px;
    padding: 8px !important;
}

#rightPanel [id$="pageDocumentosInstalacion"] .RadUpload {
    display: block;
}

#rightPanel [id$="pageDocumentosInstalacion"] .RadUpload .ruInputs,
#rightPanel [id$="pageDocumentosInstalacion"] .RadUpload .ruFileWrap {
    display: flex;
    gap: 8px;
    max-width: 100%;
}

#rightPanel [id$="pageDocumentosInstalacion"] .RadUpload .ruFakeInput {
    background: #fff !important;
    border: 1px solid #cfe0ec !important;
    border-radius: 7px !important;
    color: #17324d !important;
    height: 30px !important;
    min-width: 360px;
}

#rightPanel [id$="pageDocumentosInstalacion"] .RadUpload .ruButton,
#rightPanel [id$="pageDocumentosInstalacion"] .RadButton,
#rightPanel [id$="pageDocumentosInstalacion"] .botonMedium {
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    min-height: 34px !important;
    padding: 0 12px !important;
}

#rightPanel [id$="pageDocumentosInstalacion"] .RadUpload .ruButton {
    background: #f2f9fd !important;
    border: 1px solid #d5e8f3 !important;
    color: #0f426d !important;
}

#rightPanel [id$="pageDocumentosInstalacion"] .RadButton,
#rightPanel [id$="pageDocumentosInstalacion"] .rbPrimaryButton {
    background: #009878 !important;
    border-color: #00866b !important;
    color: #fff !important;
}

#rightPanel [id$="pageDocumentosInstalacion"] input[type="checkbox"] {
    accent-color: #009ee2;
    height: 16px;
    margin: 0 7px 0 0;
    vertical-align: middle;
    width: 16px;
}

#rightPanel [id$="gridInstalacionesFiles"] {
    border: 1px solid #d5e8f3 !important;
    border-radius: 9px;
    box-shadow: none;
    overflow: hidden;
}

#rightPanel [id$="gridInstalacionesFiles"] .rgHeader,
#rightPanel [id$="gridInstalacionesFiles"] th {
    background: #f2f9fd !important;
    border-color: #dcecf5 !important;
    color: #0f426d !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .2px;
    padding: 10px !important;
}

#rightPanel [id$="gridInstalacionesFiles"] .rgRow td,
#rightPanel [id$="gridInstalacionesFiles"] .rgAltRow td {
    border-color: #edf4f8 !important;
    color: #17324d !important;
    font-size: 12px !important;
    padding: 10px !important;
}

#rightPanel [id$="gridInstalacionesFiles"] .rgNoRecords td {
    color: #5d7186 !important;
    font-size: 12px !important;
    padding: 12px !important;
}

.modern-page .rgEditForm .modern-entry [id$="divUploadFiles"] {
    background: #f8fcff;
    border: 1px solid #d5e8f3;
    border-radius: 9px;
    margin: 0 0 18px;
    padding: 14px;
}

.modern-page .rgEditForm .modern-entry [id$="divUploadFiles"] h3,
.modern-page .rgEditForm .modern-entry > .RadMultiPage h3 {
    align-items: center;
    border-bottom: 1px solid #dcecf5;
    color: #0076a8;
    display: flex;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 14px;
    min-height: 32px;
    padding: 0 0 10px;
}

.modern-page .rgEditForm .modern-entry [id$="divUploadFiles"] .adminTable {
    border-collapse: separate;
    border-spacing: 0 10px;
    width: min(760px, 100%);
}

.modern-page .rgEditForm .modern-entry [id$="divUploadFiles"] .adminTable td {
    background: transparent !important;
    border: 0 !important;
    padding: 3px 8px !important;
    vertical-align: middle !important;
}

.modern-page .rgEditForm .modern-entry [id$="divUploadFiles"] .adminTable td.clave {
    color: #17324d;
    font-size: 12px;
    font-weight: 800;
    min-width: 140px;
    white-space: nowrap;
}

.modern-page .rgEditForm .modern-entry .RadUpload,
.modern-page .rgEditForm .modern-entry .RadAsyncUpload,
#rightPanel [id$="pageDocumentosInstalacion"] .RadUpload,
#rightPanel [id$="pageDocumentosInstalacion"] .RadAsyncUpload {
    width: 100% !important;
}

.modern-page .rgEditForm .modern-entry .RadUpload .ruInputs,
.modern-page .rgEditForm .modern-entry .RadUpload .ruFileWrap,
.modern-page .rgEditForm .modern-entry .RadAsyncUpload .ruInputs,
.modern-page .rgEditForm .modern-entry .RadAsyncUpload .ruFileWrap,
#rightPanel [id$="pageDocumentosInstalacion"] .RadUpload .ruInputs,
#rightPanel [id$="pageDocumentosInstalacion"] .RadUpload .ruFileWrap,
#rightPanel [id$="pageDocumentosInstalacion"] .RadAsyncUpload .ruInputs,
#rightPanel [id$="pageDocumentosInstalacion"] .RadAsyncUpload .ruFileWrap {
    align-items: center !important;
    display: flex !important;
    gap: 10px;
    max-width: 100%;
    width: 100% !important;
}

.modern-page .rgEditForm .modern-entry .RadUpload .ruFakeInput,
.modern-page .rgEditForm .modern-entry .RadAsyncUpload .ruFakeInput,
#rightPanel [id$="pageDocumentosInstalacion"] .RadUpload .ruFakeInput,
#rightPanel [id$="pageDocumentosInstalacion"] .RadAsyncUpload .ruFakeInput {
    background: #fff !important;
    border: 1px solid #cfe0ec !important;
    border-radius: 7px !important;
    color: #17324d !important;
    flex: 1 1 340px !important;
    height: 34px !important;
    min-width: 260px !important;
}

.modern-page .rgEditForm .modern-entry .RadUpload .ruButton,
.modern-page .rgEditForm .modern-entry .RadAsyncUpload .ruButton,
#rightPanel [id$="pageDocumentosInstalacion"] .RadUpload .ruButton,
#rightPanel [id$="pageDocumentosInstalacion"] .RadAsyncUpload .ruButton {
    background: #f2f9fd !important;
    border: 1px solid #d5e8f3 !important;
    border-radius: 8px !important;
    color: #0f426d !important;
    flex: 0 0 auto !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    height: 34px !important;
    line-height: 32px !important;
    min-width: 74px !important;
    padding: 0 12px !important;
    text-align: center !important;
}

.modern-page .rgEditForm .modern-entry .RadPicker,
#rightPanel [id$="pageDocumentosInstalacion"] .RadPicker {
    display: inline-table !important;
    min-width: 178px !important;
    vertical-align: middle !important;
    width: 178px !important;
}

.modern-page .rgEditForm .modern-entry .RadPicker table,
#rightPanel [id$="pageDocumentosInstalacion"] .RadPicker table {
    width: 178px !important;
}

.modern-page .rgEditForm .modern-entry .RadPicker .riTextBox,
#rightPanel [id$="pageDocumentosInstalacion"] .RadPicker .riTextBox {
    min-width: 126px !important;
    width: 126px !important;
}

.modern-page .rgEditForm .modern-entry .RadPicker .rcCalPopup,
#rightPanel [id$="pageDocumentosInstalacion"] .RadPicker .rcCalPopup {
    height: 34px !important;
    min-width: 28px !important;
    width: 28px !important;
}

.modern-page .rgEditForm .modern-entry [id$="divUploadFiles"] textarea,
.modern-page .rgEditForm .modern-entry [id$="divUploadFiles"] .riTextBox[style*="410px"] {
    min-height: 64px !important;
    min-width: 360px !important;
    width: 100% !important;
}

.modern-page .rgEditForm .modern-entry [id$="divUploadFiles"] td:has(.RadButton),
.modern-page .rgEditForm .modern-entry [id$="divUploadFiles"] td:has(input[type="submit"]) {
    text-align: right !important;
}

.modern-page .rgEditForm .modern-entry [id$="gridContadorDocumentos"],
.modern-page .rgEditForm .modern-entry [id$="gridClienteDocumentos"] {
    border: 1px solid #d5e8f3 !important;
    border-radius: 9px;
    overflow: hidden;
}

.facility-popup {
    color: #17324d;
    display: grid;
    gap: 7px;
    min-width: 190px;
}

.facility-popup strong {
    color: #0f426d;
    font-size: 14px;
    line-height: 1.25;
}

.facility-popup span {
    color: #5d7186;
    font-size: 12px;
    font-weight: 600;
}

.facility-popup a {
    background: #009878;
    border-radius: 7px;
    color: #fff !important;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    justify-content: center;
    padding: 7px 10px;
    text-decoration: none;
}

.facility-popup a:hover {
    background: #007f66;
}

.contrato-suministro-entry .RadPageLayout {
    width: 100%;
}

.contrato-suministro-entry .RadPageLayout > .rplRow,
.contrato-suministro-entry .t-row {
    align-items: center;
    row-gap: 10px;
}

.contrato-suministro-entry .RadTabStrip {
    background: #f8fcff !important;
    border: 1px solid #d5e8f3 !important;
    border-radius: 10px;
    margin: 14px 0 0;
    padding: 6px 6px 0;
}

.contrato-suministro-entry .RadTabStrip .rtsUL {
    display: flex !important;
    gap: 6px;
}

.contrato-suministro-entry .RadTabStrip .rtsLink {
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    color: #0f426d !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    min-height: 38px !important;
    padding: 0 17px !important;
}

.contrato-suministro-entry .RadTabStrip .rtsLink .rtsTxt,
.contrato-suministro-entry .RadTabStrip .rtsLink span {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    line-height: 36px !important;
}

.contrato-suministro-entry .RadTabStrip .rtsSelected .rtsLink,
.contrato-suministro-entry .RadTabStrip .rtsLink.rtsSelected {
    background: #009ee2 !important;
    color: #fff !important;
}

.contrato-suministro-entry .RadMultiPage {
    background: #fff;
    border: 1px solid #d5e8f3;
    border-top: 3px solid #009ee2;
    border-radius: 0 0 10px 10px;
    padding: 14px;
}

.contrato-suministro-entry .RadMultiPage h3 {
    border-bottom: 1px solid #dcecf5;
    color: #0076a8;
    font-size: 15px;
    font-weight: 800;
    margin: 0 0 12px;
    padding-bottom: 10px;
}

.contrato-suministro-entry [id$="gridConceptos"],
.contrato-suministro-entry [id$="gridOrdenes"],
.contrato-suministro-entry [id$="gridHistorico"],
.contrato-suministro-entry [id$="gridContratoDocumentos"],
.waterflow-contratos-page [id$="gridContratosSuministro"] {
    border: 1px solid #d5e8f3 !important;
    border-radius: 9px;
    overflow: hidden;
}

.contrato-suministro-entry [id$="gridConceptos"] .rgHeader,
.contrato-suministro-entry [id$="gridOrdenes"] .rgHeader,
.contrato-suministro-entry [id$="gridHistorico"] .rgHeader,
.contrato-suministro-entry [id$="gridContratoDocumentos"] .rgHeader,
.waterflow-contratos-page [id$="gridContratosSuministro"] .rgHeader {
    background: #f2f9fd !important;
    border-color: #dcecf5 !important;
    color: #0f426d !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    padding: 11px !important;
}

.contrato-suministro-entry [id$="gridConceptos"] .rgRow td,
.contrato-suministro-entry [id$="gridConceptos"] .rgAltRow td,
.contrato-suministro-entry [id$="gridOrdenes"] .rgRow td,
.contrato-suministro-entry [id$="gridOrdenes"] .rgAltRow td,
.contrato-suministro-entry [id$="gridHistorico"] .rgRow td,
.contrato-suministro-entry [id$="gridHistorico"] .rgAltRow td,
.contrato-suministro-entry [id$="gridContratoDocumentos"] .rgRow td,
.contrato-suministro-entry [id$="gridContratoDocumentos"] .rgAltRow td,
.waterflow-contratos-page [id$="gridContratosSuministro"] .rgRow td,
.waterflow-contratos-page [id$="gridContratosSuministro"] .rgAltRow td,
.waterflow-contratos-page [id$="gridContratosSuministro"] .rgSelectedRow td {
    border-color: #edf4f8 !important;
    color: #17324d !important;
    font-size: 13px !important;
    padding: 12px !important;
    vertical-align: middle !important;
}

.waterflow-contratos-page [id$="gridContratosSuministro"] .rgEdit,
.waterflow-contratos-page [id$="gridContratosSuministro"] input[type="image"],
.contrato-suministro-entry input[type="image"] {
    background: #eaf7fd !important;
    border: 1px solid #d5e8f3 !important;
    border-radius: 7px !important;
    box-sizing: border-box;
    height: 28px !important;
    padding: 6px !important;
    width: 28px !important;
}

.waterflow-contratos-page h1 {
    color: #fff;
    font-size: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
}

.lecturas-flow-page {
    color: #17324d;
    font-size: 13px;
    padding: 0 0 18px;
}

.lecturas-flow-page fieldset {
    background: #fff !important;
    border: 1px solid #d5e8f3 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    margin: 0 0 14px !important;
    padding: 15px 16px !important;
}

.lecturas-flow-page legend {
    background: #fff !important;
    border: 0 !important;
    color: #0076a8 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    padding: 0 8px !important;
}

.lecturas-flow-page .key,
.lecturas-flow-page td.clave {
    background: transparent !important;
    color: #17324d !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2;
    white-space: nowrap;
}

.lecturas-flow-page .t-row {
    align-items: center;
    row-gap: 10px;
}

.lecturas-flow-page > fieldset:not([id$="fsBusquedas"]) .t-row {
    column-gap: 16px;
    display: grid !important;
    grid-template-columns: 150px minmax(230px, 1fr) 130px minmax(230px, 1fr) auto auto;
    row-gap: 10px;
}

.lecturas-flow-page > fieldset:not([id$="fsBusquedas"]) .t-col {
    align-items: center;
    display: flex;
    flex: none !important;
    max-width: none !important;
    min-width: 0;
    padding: 0 !important;
    width: auto !important;
}

.lecturas-flow-page > fieldset:not([id$="fsBusquedas"]) .t-col.key {
    justify-content: flex-end;
}

.lecturas-flow-page .RadInput,
.lecturas-flow-page .RadComboBox,
.lecturas-flow-page .RadPicker {
    min-width: 0 !important;
    width: 100% !important;
}

.lecturas-flow-page .RadPicker,
.lecturas-flow-page .RadDatePicker,
.lecturas-flow-page .RadDateTimePicker {
    display: inline-table !important;
    min-width: 250px !important;
}

.lecturas-flow-page .RadPicker table,
.lecturas-flow-page .RadDatePicker table,
.lecturas-flow-page .RadDateTimePicker table,
.lecturas-flow-page .RadComboBox table {
    width: 100% !important;
}

.lecturas-flow-page .riTextBox,
.lecturas-flow-page input[type="text"],
.lecturas-flow-page textarea {
    background: #fff !important;
    border-radius: 7px !important;
    min-height: 34px !important;
}

.lecturas-flow-page .RadInput table,
.lecturas-flow-page .RadPicker table,
.lecturas-flow-page .RadComboBox table {
    border-radius: 7px !important;
}

.lecturas-flow-page .RadInput,
.lecturas-flow-page .RadPicker,
.lecturas-flow-page .RadComboBox,
.lecturas-flow-page .RadInput table,
.lecturas-flow-page .RadPicker table,
.lecturas-flow-page .RadComboBox table,
.lecturas-flow-page .rcbReadOnly,
.lecturas-flow-page .rcbInputCell,
.lecturas-flow-page .rcbArrowCell {
    background: #fff !important;
}

.lecturas-flow-page .rcCalPopup,
.lecturas-flow-page .rcTimePopup {
    height: 34px !important;
    min-width: 32px !important;
    width: 32px !important;
}

.lecturas-flow-page .RadButton:not(.RadCheckBox) {
    border-radius: 7px !important;
    min-height: 34px !important;
}

.lecturas-flow-page [id$="btnBuscar"],
.lecturas-flow-page [id$="btnFromCamera"],
.lecturas-flow-page [id$="btnShowImportUploadControl"],
.lecturas-flow-page [id$="btnExportExcel"],
.lecturas-flow-page [id$="btnImportar"],
.lecturas-flow-page [id$="btnAceptarLectura"] {
    background: #009878 !important;
    border-color: #00866b !important;
    color: #fff !important;
}

.lecturas-flow-page [id$="btnBuscar"] .rbDecorated,
.lecturas-flow-page [id$="btnFromCamera"] .rbDecorated,
.lecturas-flow-page [id$="btnShowImportUploadControl"] .rbDecorated,
.lecturas-flow-page [id$="btnExportExcel"] .rbDecorated,
.lecturas-flow-page [id$="btnImportar"] .rbDecorated,
.lecturas-flow-page [id$="btnAceptarLectura"] .rbDecorated {
    color: #fff !important;
}

.lecturas-flow-page #fsBusquedas .t-row {
    display: grid !important;
    gap: 10px;
    grid-template-columns: minmax(260px, 1fr) 140px 140px;
}

.lecturas-flow-page #fsBusquedas .t-col {
    flex: none !important;
    max-width: none !important;
    padding: 0 !important;
    width: auto !important;
}

.lecturas-flow-page #divImportUpload {
    align-items: center;
    background: #f8fcff !important;
    border: 1px solid #d5e8f3;
    border-radius: 9px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0 0 !important;
    padding: 10px !important;
}

.lecturas-flow-page #divImportUpload .RadAsyncUpload,
.lecturas-flow-page #divImportUpload .ruInputs,
.lecturas-flow-page #divImportUpload .ruFileWrap {
    display: flex !important;
    flex: 1 1 420px;
    max-width: 520px;
    min-width: 320px;
    width: auto !important;
}

.lecturas-flow-page #divImportUpload .ruFakeInput {
    background: #fff !important;
    border: 1px solid #cfe0ec !important;
    border-radius: 7px !important;
    flex: 1 1 300px !important;
    height: 34px !important;
    min-width: 260px !important;
}

.lecturas-flow-page #divImportUpload .ruButton {
    background: #f2f9fd !important;
    border: 1px solid #d5e8f3 !important;
    border-radius: 8px !important;
    color: #0f426d !important;
    flex: 0 0 86px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    height: 34px !important;
    line-height: 32px !important;
    min-width: 86px !important;
    overflow: visible !important;
    padding: 0 12px !important;
    width: 86px !important;
}

.lecturas-flow-page [id$="gridLecturas"] {
    background: #fff !important;
    border: 1px solid #d5e8f3 !important;
    border-radius: 8px !important;
    overflow: hidden;
}

.lecturas-flow-page [id$="gridLecturas"] .rgCommandRow,
.lecturas-flow-page [id$="gridLecturas"] .rgHeader,
.lecturas-flow-page [id$="gridLecturas"] .rgHeaderDiv {
    background: #f4f9fd !important;
    color: #17324d !important;
}

.lecturas-flow-page [id$="gridLecturas"] .rgHeader,
.lecturas-flow-page [id$="gridLecturas"] .rgRow td,
.lecturas-flow-page [id$="gridLecturas"] .rgAltRow td {
    border-color: #edf4f8 !important;
    font-size: 13px !important;
    padding: 10px 12px !important;
}

.lecturas-flow-page [id$="gridLecturas"] a[href="#"] {
    color: #0f426d;
    font-weight: 800;
    text-decoration: none;
}

.lecturas-flow-page [id$="gridLecturas"] .RadButton {
    background: #fff2f2 !important;
    border-color: #f3dada !important;
    width: 34px !important;
}

.lecturas-flow-page #lecturaWindow {
    background: #fff;
    border: 1px solid #cde4f1;
    border-radius: 12px;
    box-shadow: 0 18px 45px rgba(15, 66, 109, 0.22);
    padding: 16px;
}

.lecturas-flow-page #lecturaWindow .content {
    background: #fff;
    border: 1px solid #d5e8f3;
    border-radius: 9px;
    padding: 14px;
}

.lecturas-flow-page #lecturaWindow h2 {
    color: #0076a8;
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 12px;
}

.lecturas-flow-page #lecturaWindow .RadTabStrip {
    background: #f8fcff !important;
    border: 1px solid #d5e8f3 !important;
    border-radius: 10px;
    margin: 8px 0 10px;
    padding: 6px 6px 0;
}

.lecturas-flow-page #lecturaWindow .RadTabStrip .rtsUL {
    display: flex !important;
    gap: 6px;
}

.lecturas-flow-page #lecturaWindow .RadTabStrip .rtsLink {
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    color: #0f426d !important;
    font-weight: 800;
    min-height: 34px;
    padding: 0 14px !important;
}

.lecturas-flow-page #lecturaWindow .RadTabStrip .rtsSelected .rtsLink,
.lecturas-flow-page #lecturaWindow .RadTabStrip .rtsLink.rtsSelected {
    background: #009ee2 !important;
    color: #fff !important;
}

.lecturas-flow-page #lecturaWindow .RadMultiPage {
    background: #fff;
    border: 1px solid #d5e8f3;
    border-top: 3px solid #009ee2;
    border-radius: 0 0 10px 10px;
    padding: 12px;
}

/* Cliente contrato: stable form layout */
.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .t-row {
    align-items: center !important;
    column-gap: 14px !important;
    display: grid !important;
    grid-template-columns: 150px 280px 150px 280px !important;
    justify-content: start !important;
    row-gap: 10px !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .t-col,
.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .t-col:nth-child(6),
.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .t-col:nth-child(12) {
    align-items: center !important;
    display: flex !important;
    flex: none !important;
    grid-column: auto !important;
    max-width: none !important;
    min-height: 36px !important;
    padding: 0 !important;
    width: auto !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .key {
    justify-content: flex-end !important;
    padding-top: 0 !important;
    text-align: right !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .RadInput,
.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .RadComboBox,
.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .RadPicker,
.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .t-col:nth-child(6) .RadInput,
.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset .t-col:nth-child(12) .RadInput {
    max-width: none !important;
    min-width: 0 !important;
    width: 280px !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset [id$="txtNOMBRE_CLIENTE_wrapper"],
.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset [id$="txtCUENTA_wrapper"] {
    width: 280px !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-datos-fieldset [id$="btnValidarCuenta"] {
    flex: 0 0 34px !important;
    margin-left: 8px !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset .adminTable,
.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset .adminTable tbody {
    border-collapse: separate !important;
    display: block !important;
    width: 100% !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset .adminTable tr {
    align-items: center !important;
    column-gap: 12px !important;
    display: grid !important;
    grid-template-columns: 100px 190px 100px 190px 100px 190px 70px 160px !important;
    margin-bottom: 10px !important;
    row-gap: 10px !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset .adminTable td {
    align-items: center !important;
    display: flex !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset .adminTable td.clave {
    justify-content: flex-end !important;
    min-width: 0 !important;
    padding-top: 0 !important;
    text-align: right !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset .RadInput,
.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset .RadComboBox,
.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset [id$="txtFAX_wrapper"],
.modern-page .rgEditForm .contrato-cliente-entry .cliente-direccion-fieldset [id$="ddlIne"] {
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-contable-fieldset {
    display: flex !important;
    justify-content: flex-end !important;
    min-height: 48px !important;
    padding: 8px 14px !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-contable-fieldset .t-row {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-contable-fieldset .key {
    min-height: 32px !important;
    padding: 8px 14px !important;
}

.modern-page .rgEditForm .contrato-cliente-entry .cliente-contable-fieldset [id$="chkContable"] {
    height: 32px !important;
    min-width: 44px !important;
}

/* RadComboBox final pass: keep Telerik skin from breaking edit-form controls. */
.modern-page .rgEditForm .modern-entry .RadComboBox,
.modern-page .rgEditForm .modern-entry .RadComboBox_Default {
    display: block !important;
    height: 36px !important;
    max-width: 100% !important;
    min-height: 36px !important;
    min-width: 0 !important;
    width: 100% !important;
}

.modern-page .rgEditForm .modern-entry .RadComboBox table,
.modern-page .rgEditForm .modern-entry .RadComboBox .rcbReadOnly,
.modern-page .rgEditForm .modern-entry .RadComboBox .rcbFocused,
.modern-page .rgEditForm .modern-entry .RadComboBox .rcbHovered,
.modern-page .rgEditForm .modern-entry .RadComboBox .rcbInner {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    border-radius: 8px !important;
    height: 36px !important;
    min-height: 36px !important;
}

.modern-page .rgEditForm .modern-entry .RadComboBox table {
    border: 1px solid #cfe0ec !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    box-shadow: 0 1px 2px rgba(15, 66, 109, .04) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    table-layout: fixed !important;
    width: 100% !important;
}

.modern-page .rgEditForm .modern-entry .RadComboBox td,
.modern-page .rgEditForm .modern-entry .RadComboBox .rcbInputCell,
.modern-page .rgEditForm .modern-entry .RadComboBox .rcbArrowCell,
.modern-page .rgEditForm .modern-entry .RadComboBox .rcbArrowCellRight {
    background-image: none !important;
    border: 0 !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

.modern-page .rgEditForm .modern-entry .RadComboBox .rcbInputCell {
    background: #fff !important;
    overflow: hidden !important;
    width: auto !important;
}

.modern-page .rgEditForm .modern-entry .RadComboBox .rcbInput,
.modern-page .rgEditForm .modern-entry .RadComboBox input.rcbInput {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #14324d !important;
    font-size: 12px !important;
    height: 34px !important;
    line-height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    width: 100% !important;
}

.modern-page .rgEditForm .modern-entry .RadComboBox .rcbArrowCell,
.modern-page .rgEditForm .modern-entry .RadComboBox .rcbArrowCellRight {
    background: #f8fcff !important;
    border-left: 1px solid #d5e8f3 !important;
    border-radius: 0 8px 8px 0 !important;
    min-width: 34px !important;
    text-align: center !important;
    width: 34px !important;
}

.modern-page .rgEditForm .modern-entry .RadComboBox .rcbArrowCell a,
.modern-page .rgEditForm .modern-entry .RadComboBox .rcbArrowCellRight a,
.modern-page .rgEditForm .modern-entry .RadComboBox .rcbIcon,
.modern-page .rgEditForm .modern-entry .RadComboBox .rcbActionButton {
    background-color: transparent !important;
    background-image: none !important;
    height: 34px !important;
    line-height: 34px !important;
    width: 34px !important;
}

.modern-page .rgEditForm .modern-entry .RadComboBox .rcbArrowCell::after,
.modern-page .rgEditForm .modern-entry .RadComboBox .rcbArrowCellRight::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #0f426d;
    content: "";
    display: inline-block;
    margin-top: 14px;
}

.modern-page .rgEditForm .modern-entry .RadComboBox:focus-within table {
    border-color: #1ea7dc !important;
    box-shadow: 0 0 0 3px rgba(30, 167, 220, .16) !important;
}

.modern-page .rgEditForm .contrato-titular-entry fieldset {
    padding: 18px 20px !important;
}

.modern-page .rgEditForm .contrato-titular-form {
    border-collapse: separate !important;
    border-spacing: 14px 10px !important;
    max-width: 1040px !important;
    width: 100% !important;
}

.modern-page .rgEditForm .contrato-titular-form td {
    padding: 0 !important;
    vertical-align: middle !important;
}

.modern-page .rgEditForm .contrato-titular-form td.clave {
    min-width: 150px !important;
    padding-right: 6px !important;
    text-align: right !important;
    width: 170px !important;
}

.modern-page .rgEditForm .contrato-titular-form td:not(.clave):not(.contrato-titular-actions) {
    min-width: 300px !important;
    width: 300px !important;
}

.modern-page .rgEditForm .contrato-titular-form .RadInput,
.modern-page .rgEditForm .contrato-titular-form .RadComboBox,
.modern-page .rgEditForm .contrato-titular-form .riTextBox {
    max-width: none !important;
    width: 100% !important;
}

.modern-page .rgEditForm .contrato-titular-actions {
    padding-top: 10px !important;
    text-align: right !important;
}

/* Final layout corrections for waterflow date pickers and lower forms. */
.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] {
    box-sizing: border-box !important;
    display: inline-table !important;
    min-width: 300px !important;
    overflow: visible !important;
    vertical-align: middle !important;
    width: 300px !important;
}

.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] > table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    min-width: 300px !important;
    table-layout: auto !important;
    width: 300px !important;
}

.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] .rcInputCell {
    min-width: 216px !important;
    width: 216px !important;
}

.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] .riTextBox {
    min-width: 212px !important;
    width: 212px !important;
}

.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] .rcCalPopup,
.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] .rcTimePopup {
    min-width: 32px !important;
    width: 32px !important;
}

.lecturas-flow-page #lecturaWindow .clave,
.lecturas-flow-page #lecturaWindow td.clave,
.lecturas-flow-page #lecturaWindow .t-col.clave,
.lecturas-flow-page #lecturaWindow .key,
.lecturas-flow-page #lecturaWindow label {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.contrato-suministro-entry .key,
.contrato-suministro-entry .t-col.key,
.contrato-suministro-entry .adminTable td.clave {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.contrato-suministro-entry .t-col:has([id$="btnValidate"]) {
    padding-top: 12px !important;
}

.contrato-suministro-entry [id$="btnValidate"],
.contrato-suministro-entry [id$="btnCancel"] {
    margin-top: 8px !important;
}

/* Tight corrections after browser check: keep these scoped to the waterflow editors. */
.modern-page .rgEditForm .contador-entry .contador-form-table tr:has(.RadDateTimePicker[id*="rdpF_U_LECTURA"]) > td {
    padding-bottom: 7px !important;
    padding-top: 0 !important;
    vertical-align: middle !important;
}

.modern-page .rgEditForm .contador-entry .contador-form-table td:has(.RadDateTimePicker[id*="rdpF_U_LECTURA"]) {
    align-items: center !important;
    display: flex !important;
    min-height: 36px !important;
}

.modern-page .rgEditForm .contador-entry .contador-last-reading-row > td {
    vertical-align: top !important;
}

.modern-page .rgEditForm .contador-entry .contador-date-cell {
    align-items: flex-start !important;
    display: flex !important;
    padding-top: 0 !important;
}

.modern-page .rgEditForm .contador-entry .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] {
    margin-bottom: -15px !important;
    transform: translateY(-15px);
}

.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"],
.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] > table,
.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] tbody,
.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] tr,
.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] td {
    height: 36px !important;
    line-height: 36px !important;
    vertical-align: middle !important;
}

.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] .riTextBox {
    height: 34px !important;
    line-height: 34px !important;
}

/* Final hard overrides for the counter editor layout. These controls are rendered
   by Telerik as nested tables, so the scope must target the rendered widgets too. */
.contador-entry .contador-last-reading-row > td {
    padding-top: 0 !important;
    vertical-align: top !important;
}

.contador-entry .contador-last-reading-row > td.clave {
    padding-top: 10px !important;
}

.contador-entry .contador-last-reading-row .contador-date-cell {
    align-items: flex-start !important;
    display: flex !important;
    min-height: 36px !important;
    padding-top: 0 !important;
}

.contador-entry .contador-last-reading-row .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] {
    display: inline-block !important;
    margin-top: -28px !important;
    position: relative !important;
    top: 0 !important;
    transform: none !important;
    width: 300px !important;
}

.contador-entry .contador-last-reading-row .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] > table,
.contador-entry .contador-last-reading-row .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] tbody,
.contador-entry .contador-last-reading-row .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] tr,
.contador-entry .contador-last-reading-row .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] td {
    height: 34px !important;
    line-height: 34px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    vertical-align: top !important;
}

.contador-entry .contador-last-reading-row .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] .riTextBox {
    height: 34px !important;
    line-height: 34px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.contador-entry .contador-last-reading-row .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] .rcCalPopup,
.contador-entry .contador-last-reading-row .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] .rcTimePopup {
    height: 34px !important;
    margin-top: 0 !important;
    vertical-align: top !important;
}

.contador-entry [id$="divUploadFiles"] {
    background: #fff !important;
    border: 1px solid #c9dfee !important;
    border-radius: 8px !important;
    padding: 14px 16px 16px !important;
}

.contador-entry [id$="divUploadFiles"] .contador-upload-form {
    display: grid !important;
    gap: 12px !important;
    margin-top: 12px !important;
    max-width: 650px !important;
}

.contador-entry [id$="divUploadFiles"] .contador-upload-row {
    align-items: center !important;
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: 150px 1fr !important;
    min-height: 36px !important;
}

.contador-entry [id$="divUploadFiles"] .contador-upload-row .clave {
    align-items: center !important;
    background: transparent !important;
    display: flex !important;
    font-weight: 700 !important;
    height: 36px !important;
    justify-content: flex-end !important;
    line-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.contador-entry [id$="divUploadFiles"] .contador-upload-control {
    align-items: center !important;
    display: flex !important;
    min-height: 36px !important;
}

.contador-entry [id$="divUploadFiles"] .RadAsyncUpload,
.contador-entry [id$="divUploadFiles"] .ruInputs,
.contador-entry [id$="divUploadFiles"] .ruFileWrap {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    height: 36px !important;
    overflow: visible !important;
    width: 430px !important;
}

.contador-entry [id$="divUploadFiles"] .ruFakeInput {
    border: 1px solid #b8d4e8 !important;
    border-radius: 7px !important;
    height: 34px !important;
    line-height: 34px !important;
    min-width: 310px !important;
    padding: 0 10px !important;
    width: 310px !important;
}

.contador-entry [id$="divUploadFiles"] .ruButton,
.contador-entry [id$="divUploadFiles"] .ruBrowse,
.contador-entry [id$="divUploadFiles"] input.ruButton {
    border-radius: 7px !important;
    height: 34px !important;
    line-height: 32px !important;
    min-width: 96px !important;
    overflow: visible !important;
    padding: 0 14px !important;
    width: 96px !important;
}

.contador-entry [id$="divUploadFiles"] [id$="txtFileDescripcion"],
.contador-entry [id$="divUploadFiles"] textarea {
    border-radius: 7px !important;
    min-height: 56px !important;
    width: 430px !important;
}

.contador-entry [id$="divUploadFiles"] .contador-upload-date .RadDatePicker,
.contador-entry [id$="divUploadFiles"] .contador-upload-date .RadDatePicker > table {
    height: 34px !important;
    margin: 0 !important;
    table-layout: fixed !important;
    width: 170px !important;
}

.contador-entry [id$="divUploadFiles"] .contador-upload-date .riTextBox {
    border-radius: 7px 0 0 7px !important;
    height: 34px !important;
    line-height: 34px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.contador-entry [id$="divUploadFiles"] .contador-upload-date .rcCalPopup {
    height: 34px !important;
    margin: 0 !important;
    vertical-align: top !important;
}

.contador-entry [id$="divUploadFiles"] .contador-upload-actions {
    display: flex !important;
    justify-content: flex-end !important;
    max-width: 596px !important;
    padding-top: 4px !important;
}

/* Final typography pass: lighter, cleaner text across renovated screens. */
body,
input,
select,
textarea,
button,
.RadInput,
.RadComboBox,
.RadGrid,
.RadMenu,
.RadTabStrip,
.modern-page,
.modern-entry,
#leftMenu,
#rightPanel {
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
}

.modern-page,
.modern-entry,
.RadGrid,
.RadGrid .rgRow,
.RadGrid .rgAltRow,
.RadGrid .rgEditForm,
.RadGrid .rgEditRow,
.adminTable,
.adminTable td,
.contentWindow,
#leftMenu,
#rightPanel {
    font-weight: 400 !important;
}

.modern-entry .clave,
.modern-page .clave,
.adminTable td.clave,
fieldset legend,
.RadGrid .rgHeader,
.RadGrid th,
.RadGrid .rgHeader a,
.RadTabStrip .rtsTxt,
.adminMenuOverwrite.RadMenu .rmRootLink,
.adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink,
html .RadMenuPopup .rmLink,
.adminMenuOverwrite.RadMenu .rmGroup .rmLink,
.adminMenuOverwrite.RadMenu_MetroTouch .rmGroup .rmLink {
    font-weight: 500 !important;
}

.modern-page h1,
.modern-entry h3,
.modern-entry h4,
#rightPanel h2,
#rightPanel h3,
.home-gis-titlebar h1,
.home-gis-titlebar strong,
.modern-page-header h1 {
    font-weight: 600 !important;
}

.RadButton,
.RadButton input,
.botonMedium,
.botonGrande,
.validar,
.cancelar {
    font-weight: 500 !important;
}

.contador-entry [id$="divUploadFiles"] .contador-upload-row .clave {
    font-weight: 500 !important;
}

/* Hard alignment fixes requested on Contadores / ContadoresRuta. */
.contador-entry .contador-form-table tr.contador-last-reading-row {
    display: table-row !important;
}

.contador-entry .contador-form-table tr.contador-last-reading-row > td {
    display: table-cell !important;
    height: 38px !important;
    min-width: 0 !important;
    padding-top: 0 !important;
    vertical-align: middle !important;
}

.contador-entry .contador-form-table tr.contador-last-reading-row > td.contador-last-reading-cell {
    padding: 0 10px 7px 0 !important;
}

.contador-entry .contador-reading-grid {
    align-items: center !important;
    display: grid !important;
    gap: 0 18px !important;
    grid-template-columns: 128px 300px 128px 300px !important;
    justify-content: start !important;
    min-height: 38px !important;
    width: auto !important;
}

.contador-entry .contador-reading-grid .clave {
    align-items: center !important;
    background: transparent !important;
    display: flex !important;
    height: 34px !important;
    justify-content: flex-start !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

.contador-entry .contador-reading-control {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: 300px !important;
}

.contador-entry .contador-reading-control .RadInput,
.contador-entry .contador-reading-control .RadInput > table {
    height: 34px !important;
    margin: 0 !important;
    width: 300px !important;
}

.contador-entry .contador-form-table tr.contador-last-reading-row > td.clave {
    background: transparent !important;
    line-height: 34px !important;
    padding-top: 0 !important;
}

.contador-entry .contador-form-table tr.contador-last-reading-row .contador-date-cell {
    display: table-cell !important;
    height: 38px !important;
    padding-top: 0 !important;
    vertical-align: middle !important;
}

.contador-entry .contador-form-table tr.contador-last-reading-row .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] {
    display: inline-table !important;
    height: 34px !important;
    margin: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    vertical-align: middle !important;
    width: 300px !important;
}

.contador-entry .contador-form-table tr.contador-last-reading-row .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] > table {
    height: 34px !important;
    margin: 0 !important;
    width: 300px !important;
}

.contador-entry .contador-form-table tr.contador-last-reading-row .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] tbody,
.contador-entry .contador-form-table tr.contador-last-reading-row .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] tr,
.contador-entry .contador-form-table tr.contador-last-reading-row .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] td {
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

.contador-entry .contador-form-table tr.contador-last-reading-row .contador-date-cell .RadDateTimePicker[id*="rdpF_U_LECTURA"] .riTextBox {
    height: 34px !important;
    line-height: 34px !important;
}

/* Final layout reset: contador editor and Telerik date controls */
html body,
html body .modern-page,
html body .modern-page input,
html body .modern-page select,
html body .modern-page textarea,
html body .modern-page button,
html body .modern-page .RadInput,
html body .modern-page .RadComboBox,
html body .modern-page .RadGrid,
html body .modern-page .RadTabStrip,
html body .modern-page .RadMenu {
    font-family: "Segoe UI", Inter, Roboto, Arial, Helvetica, sans-serif !important;
}

html body .modern-page .clave,
html body .modern-page label,
html body .modern-page legend,
html body .modern-page .rgHeader,
html body .modern-page .RadGrid th,
html body .modern-page .RadTabStrip .rtsLink,
html body .modern-page .RadMenu .rmLink {
    font-weight: 500 !important;
}

html body .modern-page .RadPicker,
html body .modern-page .RadDatePicker,
html body .modern-page .RadDateTimePicker {
    display: inline-table !important;
    margin: 0 !important;
    max-width: 100% !important;
    vertical-align: middle !important;
}

html body .modern-page .RadPicker > table,
html body .modern-page .RadDatePicker > table,
html body .modern-page .RadDateTimePicker > table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    height: 34px !important;
    margin: 0 !important;
    table-layout: fixed !important;
    vertical-align: middle !important;
    width: 100% !important;
}

html body .modern-page .RadPicker tbody,
html body .modern-page .RadPicker tr,
html body .modern-page .RadPicker td,
html body .modern-page .RadDatePicker tbody,
html body .modern-page .RadDatePicker tr,
html body .modern-page .RadDatePicker td,
html body .modern-page .RadDateTimePicker tbody,
html body .modern-page .RadDateTimePicker tr,
html body .modern-page .RadDateTimePicker td {
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

html body .modern-page .RadPicker .riTextBox,
html body .modern-page .RadDatePicker .riTextBox,
html body .modern-page .RadDateTimePicker .riTextBox {
    border-radius: 6px 0 0 6px !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
}

html body .modern-page .RadPicker .rcCalPopup,
html body .modern-page .RadPicker .rcTimePopup,
html body .modern-page .RadDatePicker .rcCalPopup,
html body .modern-page .RadDateTimePicker .rcCalPopup,
html body .modern-page .RadDateTimePicker .rcTimePopup {
    height: 34px !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-form-panel {
    background: #fff !important;
    border: 1px solid #c9e4f4 !important;
    border-radius: 8px !important;
    padding: 18px 24px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-form-layout {
    align-items: flex-start !important;
    display: flex !important;
    gap: 34px !important;
    justify-content: flex-start !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-form-grid {
    align-items: center !important;
    display: grid !important;
    flex: 0 1 780px !important;
    gap: 12px 30px !important;
    grid-template-columns: minmax(0, 360px) minmax(0, 360px) !important;
    max-width: 780px !important;
    min-width: 0 !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field {
    align-items: center !important;
    column-gap: 16px !important;
    display: grid !important;
    grid-template-columns: 108px minmax(0, 1fr) !important;
    min-height: 36px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-wide {
    grid-column: 1 / span 2 !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-qr-card {
    align-items: center !important;
    align-self: start !important;
    display: flex !important;
    flex: 0 0 148px !important;
    justify-content: center !important;
    min-height: 148px !important;
    padding: 4px 0 0 !important;
    width: 148px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-qr-card img,
html body .modern-page .rgEditForm .contador-entry .contador-qr-card svg,
html body .modern-page .rgEditForm .contador-entry .contador-qr-card canvas,
html body .modern-page .rgEditForm .contador-entry .contador-qr-card table {
    display: block !important;
    height: 132px !important;
    max-height: 132px !important;
    max-width: 132px !important;
    width: 132px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field .clave {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #002b4f !important;
    display: flex !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-control {
    align-items: center !important;
    display: flex !important;
    min-height: 34px !important;
    min-width: 0 !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadInput,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadInput > table,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadPicker,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadPicker > table {
    height: 34px !important;
    margin: 0 !important;
    width: 100% !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker {
    display: inline-table !important;
    height: 34px !important;
    min-width: 0 !important;
    width: 230px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker > table {
    height: 34px !important;
    margin: 0 !important;
    table-layout: fixed !important;
    width: 100% !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcInputCell {
    width: auto !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcCalPopup,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcTimePopup {
    display: inline-block !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    vertical-align: top !important;
    width: 28px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-actions {
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin-top: 16px !important;
    max-width: 780px !important;
    text-align: right !important;
}

html body .modern-page .rgEditForm .contador-entry fieldset > legend {
    background: #fff !important;
}

html body .modern-page input[type="text"],
html body .modern-page input[type="password"],
html body .modern-page textarea,
html body .modern-page .RadInput input.riTextBox,
html body .modern-page .RadPicker input.riTextBox,
html body .modern-page .riTextBox {
    box-sizing: border-box !important;
    height: 34px !important;
    line-height: 34px !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

html body .modern-page input[type="text"],
html body .modern-page input[type="password"],
html body .modern-page .RadInput input.riTextBox,
html body .modern-page .RadPicker input.riTextBox,
html body .modern-page .riTextBox {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

html body .modern-page .RadPicker input.riTextBox {
    border-radius: 6px 0 0 6px !important;
}

html body .modern-page textarea {
    height: auto !important;
    line-height: 18px !important;
    padding: 8px 10px !important;
}

/* Final contador layout guard: Telerik adds table/input widths that break the grid. */
html body .modern-page,
html body .modern-page *,
html body .modern-page input,
html body .modern-page textarea,
html body .modern-page select {
    font-family: "Inter", "Segoe UI", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    letter-spacing: 0 !important;
}

html body .modern-page .clave,
html body .modern-page label,
html body .modern-page .rgEditForm .contador-entry .contador-field .clave,
html body .modern-page .rgEditForm .contador-entry fieldset > legend {
    font-weight: 400 !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-form-layout {
    align-items: start !important;
    display: grid !important;
    gap: 30px !important;
    grid-template-columns: minmax(820px, 1040px) 150px !important;
    justify-content: start !important;
    width: max-content !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-form-grid {
    align-items: center !important;
    display: grid !important;
    flex: none !important;
    gap: 12px 32px !important;
    grid-template-columns: repeat(2, minmax(390px, 1fr)) !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field {
    align-items: center !important;
    column-gap: 14px !important;
    display: grid !important;
    grid-template-columns: 130px minmax(0, 1fr) !important;
    min-height: 34px !important;
    min-width: 0 !important;
    width: auto !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-wide {
    grid-column: 1 / -1 !important;
    grid-template-columns: 130px minmax(0, 1fr) !important;
    max-width: 810px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field .clave {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0a3554 !important;
    display: flex !important;
    font-size: 12px !important;
    height: 34px !important;
    justify-content: flex-start !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-control {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    min-height: 34px !important;
    min-width: 0 !important;
    overflow: visible !important;
    width: 100% !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadInput,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadInput > table,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadPicker,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadPicker > table,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadComboBox,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadComboBox > table {
    box-sizing: border-box !important;
    height: 34px !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    width: 100% !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-control input.riTextBox,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .riTextBox {
    box-sizing: border-box !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-height: 34px !important;
    min-width: 0 !important;
    padding: 0 10px !important;
    width: 100% !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .contador-field-control {
    display: flex !important;
    height: 34px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker {
    display: block !important;
    height: 34px !important;
    margin: 0 !important;
    max-width: 280px !important;
    min-width: 0 !important;
    overflow: visible !important;
    position: relative !important;
    width: 280px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker > input.rdfd_,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker > input.radPreventDecorate {
    border: 0 !important;
    height: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    top: 0 !important;
    width: 0 !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .RadInput,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker [id$="_dateInput_wrapper"] {
    height: 34px !important;
    left: 0 !important;
    line-height: 34px !important;
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 210px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker [id$="_dateInput_wrapper"] input.riTextBox,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker input[id$="_dateInput"] {
    height: 34px !important;
    left: 0 !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    position: absolute !important;
    top: 0 !important;
    width: 210px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcSelect {
    align-items: center !important;
    display: flex !important;
    gap: 0 !important;
    height: 34px !important;
    left: 210px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 70px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker > table,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker tbody,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker tr,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker td {
    border-collapse: collapse !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcInputCell {
    width: auto !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcCalPopup,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcTimePopup {
    align-items: center !important;
    display: inline-flex !important;
    justify-content: center !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 34px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-qr-card {
    align-self: start !important;
    display: flex !important;
    flex: none !important;
    justify-content: center !important;
    padding-top: 24px !important;
    width: 150px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-actions {
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin-left: 0 !important;
    margin-top: 16px !important;
    max-width: 1040px !important;
    width: 1040px !important;
}

/* Final Contadores layout: stable two-column form + isolated QR/date controls */
html body,
html body .modern-page,
html body .modern-page * {
    font-family: "Segoe UI", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

html body .modern-page .rgEditForm .contador-entry,
html body .modern-page .rgEditForm .contador-entry * {
    font-family: "Segoe UI", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

html body .modern-page .rgEditForm .contador-entry label,
html body .modern-page .rgEditForm .contador-entry .clave,
html body .modern-page .rgEditForm .contador-entry td.clave,
html body .modern-page .rgEditForm .contador-entry .contador-field .clave {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0a3554 !important;
    display: flex !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    height: 34px !important;
    justify-content: flex-start !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

html body .modern-page .rgEditForm .contador-entry h3,
html body .modern-page .rgEditForm .contador-entry legend,
html body .modern-page .rgEditForm .contador-entry .modern-entry-title,
html body .modern-page .rgEditForm .contador-entry .rtsTxt {
    font-weight: 600 !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-form-panel {
    padding: 16px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-form-layout {
    align-items: start !important;
    display: grid !important;
    gap: 24px !important;
    grid-template-columns: 680px 150px !important;
    justify-content: start !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: max-content !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-form-grid {
    align-items: center !important;
    column-gap: 28px !important;
    display: grid !important;
    grid-template-columns: 326px 326px !important;
    max-width: 680px !important;
    row-gap: 12px !important;
    width: 680px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 110px 216px !important;
    height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 326px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-wide {
    grid-column: 1 / -1 !important;
    grid-template-columns: 110px 506px !important;
    width: 626px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-control {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadInput,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadInput > table,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadComboBox,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadComboBox > table {
    height: 34px !important;
    margin: 0 !important;
    table-layout: fixed !important;
    width: 100% !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-control input.riTextBox,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .riTextBox,
html body .modern-page .rgEditForm .contador-entry .contador-field-control input[type="text"] {
    box-sizing: border-box !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    width: 100% !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field {
    grid-template-columns: 110px 280px !important;
    width: 400px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .contador-field-control {
    width: 280px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .contador-date-picker {
    display: block !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    max-width: 280px !important;
    overflow: visible !important;
    position: relative !important;
    vertical-align: top !important;
    width: 280px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker > input.rdfd_,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker > input.radPreventDecorate {
    display: none !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker > table {
    border-collapse: collapse !important;
    display: table !important;
    height: 34px !important;
    margin: 0 !important;
    position: static !important;
    table-layout: fixed !important;
    width: 280px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker tbody,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker tr,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker td {
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcInputCell {
    height: 34px !important;
    width: 210px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .RadInput,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .RadInput > table,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker [id$="_dateInput_wrapper"] {
    display: block !important;
    height: 34px !important;
    margin: 0 !important;
    position: static !important;
    width: 210px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker input[id$="_dateInput"],
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .riTextBox {
    box-sizing: border-box !important;
    display: block !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    position: static !important;
    width: 210px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcSelect {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    width: 70px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcCalPopup,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcTimePopup {
    align-items: center !important;
    display: inline-flex !important;
    height: 34px !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 34px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-qr-card {
    align-self: start !important;
    display: flex !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 24px 0 0 !important;
    width: 150px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-actions {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: 16px 0 0 !important;
    max-width: 680px !important;
    width: 680px !important;
}

/* Contadores: filas reales para que fecha, textos y QR no se pisen */
html body .modern-page .rgEditForm .contador-entry,
html body .modern-page .rgEditForm .contador-entry td,
html body .modern-page .rgEditForm .contador-entry label,
html body .modern-page .rgEditForm .contador-entry input,
html body .modern-page .rgEditForm .contador-entry select,
html body .modern-page .rgEditForm .contador-entry button,
html body .modern-page .rgEditForm .contador-entry .rtsTxt {
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 400 !important;
}

html body .modern-page .rgEditForm .contador-entry h3,
html body .modern-page .rgEditForm .contador-entry legend {
    font-weight: 500 !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-form-layout {
    display: grid !important;
    grid-template-columns: 730px 150px !important;
    gap: 28px !important;
    align-items: start !important;
    width: max-content !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-form-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 730px !important;
    max-width: 730px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-row {
    display: grid !important;
    grid-template-columns: 326px 376px !important;
    column-gap: 28px !important;
    align-items: center !important;
    width: 730px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-row-single {
    grid-template-columns: 326px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: 110px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-wide {
    grid-template-columns: 110px 610px !important;
    width: 730px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field .clave,
html body .modern-page .rgEditForm .contador-entry .contador-field label.clave {
    align-items: center !important;
    background: transparent !important;
    box-sizing: border-box !important;
    display: flex !important;
    height: 34px !important;
    justify-content: flex-start !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
    white-space: nowrap !important;
    width: 110px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-control {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadInput,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadInput > table,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadComboBox,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadComboBox > table,
html body .modern-page .rgEditForm .contador-entry .contador-field-control input.riTextBox,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .riTextBox,
html body .modern-page .rgEditForm .contador-entry .contador-field-control input[type="text"] {
    box-sizing: border-box !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field {
    grid-template-columns: 110px 256px !important;
    width: 376px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .contador-field-control,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .contador-date-picker,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker > table {
    box-sizing: border-box !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    max-width: 256px !important;
    min-height: 34px !important;
    padding: 0 !important;
    position: static !important;
    vertical-align: middle !important;
    width: 256px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker tbody,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker tr,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker td {
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcInputCell {
    width: 188px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .RadInput,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .RadInput > table,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker [id$="_dateInput_wrapper"],
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker input[id$="_dateInput"],
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .riTextBox {
    box-sizing: border-box !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    position: static !important;
    width: 188px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcSelect {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 68px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcCalPopup,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadDateTimePicker .rcTimePopup {
    align-items: center !important;
    display: inline-flex !important;
    height: 34px !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 34px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-qr-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: 24px 0 0 !important;
    width: 150px !important;
}

html body .modern-page .rgEditForm .contador-entry .contador-actions {
    justify-content: flex-end !important;
    margin-top: 16px !important;
    width: 730px !important;
    max-width: 730px !important;
}

/* Contadores: fijar el RadDateTimePicker real que Telerik pinta como div. */
html body.modern-page .rgEditForm .contador-entry .contador-date-field,
html body .modern-page .rgEditForm .contador-entry .contador-date-field {
    align-items: center !important;
    column-gap: 10px !important;
    display: grid !important;
    grid-template-columns: 110px 256px !important;
    height: 34px !important;
    min-height: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 376px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .contador-field-control,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .contador-field-control {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    min-height: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 256px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .contador-date-picker,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .contador-date-picker {
    box-sizing: border-box !important;
    display: block !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
    position: relative !important;
    width: 256px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker > input.rdfd_,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker > input.radPreventDecorate,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker > input.rdfd_,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker > input.radPreventDecorate {
    border: 0 !important;
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .RadInput,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker [id$="_dateInput_wrapper"],
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .RadInput,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker [id$="_dateInput_wrapper"] {
    align-items: stretch !important;
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
    position: relative !important;
    width: 256px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker input.riTextBox,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker input[id$="_dateInput"],
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker input.riTextBox,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker input[id$="_dateInput"] {
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    height: 34px !important;
    left: auto !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 188px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcSelect,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcSelect {
    align-items: stretch !important;
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 !important;
    position: static !important;
    width: 68px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcCalPopup,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcTimePopup,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcCalPopup,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcTimePopup {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    float: none !important;
    height: 34px !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    width: 34px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .RadCalendar,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker [id$="_timeView_wrapper"],
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .RadCalendar,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker [id$="_timeView_wrapper"] {
    position: absolute !important;
}

/* Ajuste final v21: el formulario de contadores queda en una rejilla real y el QR no empuja las fechas. */
html body,
html body.modern-page,
html body .modern-page,
html body input,
html body select,
html body textarea,
html body button,
html body .RadGrid,
html body .RadInput,
html body .RadComboBox,
html body .RadButton {
    font-family: "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
}

html body .modern-page .clave,
html body.modern-page .clave,
html body .modern-page td.clave,
html body.modern-page td.clave,
html body .modern-page label.clave,
html body.modern-page label.clave {
    font-weight: 500 !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-form-layout,
html body .modern-page .rgEditForm .contador-entry .contador-form-layout {
    align-items: start !important;
    display: grid !important;
    gap: 24px !important;
    grid-template-columns: minmax(680px, 720px) 150px !important;
    justify-content: start !important;
    width: auto !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-form-grid,
html body .modern-page .rgEditForm .contador-entry .contador-form-grid {
    align-items: center !important;
    display: grid !important;
    gap: 12px 28px !important;
    grid-template-columns: 326px 366px !important;
    width: 720px !important;
}

/* RadComboBox edit forms: force the Telerik table skin to look like the modern inputs. */
html body.modern-page .rgEditForm .RadComboBox,
html body .modern-page .rgEditForm .RadComboBox,
html body.modern-page .rgEditForm .RadComboBox_Default,
html body .modern-page .rgEditForm .RadComboBox_Default {
    display: inline-block !important;
    height: 36px !important;
    min-height: 36px !important;
    vertical-align: middle !important;
}

html body.modern-page .rgEditForm .RadComboBox table,
html body .modern-page .rgEditForm .RadComboBox table {
    background: #fff !important;
    background-image: none !important;
    border: 1px solid #cfdde8 !important;
    border-collapse: separate !important;
    border-radius: 8px !important;
    border-spacing: 0 !important;
    box-shadow: inset 0 1px 2px rgba(36, 50, 71, .04) !important;
    box-sizing: border-box !important;
    height: 36px !important;
    min-height: 36px !important;
    overflow: hidden !important;
    table-layout: fixed !important;
}

html body.modern-page .rgEditForm .RadComboBox .rcbReadOnly,
html body .modern-page .rgEditForm .RadComboBox .rcbReadOnly,
html body.modern-page .rgEditForm .RadComboBox .rcbFocused,
html body .modern-page .rgEditForm .RadComboBox .rcbFocused,
html body.modern-page .rgEditForm .RadComboBox .rcbHovered,
html body .modern-page .rgEditForm .RadComboBox .rcbHovered,
html body.modern-page .rgEditForm .RadComboBox .rcbInner,
html body .modern-page .rgEditForm .RadComboBox .rcbInner {
    background: #fff !important;
    background-image: none !important;
    border-radius: 8px !important;
    height: 36px !important;
    min-height: 36px !important;
}

html body.modern-page .rgEditForm .RadComboBox td,
html body .modern-page .rgEditForm .RadComboBox td,
html body.modern-page .rgEditForm .RadComboBox .rcbInputCell,
html body .modern-page .rgEditForm .RadComboBox .rcbInputCell,
html body.modern-page .rgEditForm .RadComboBox .rcbArrowCell,
html body .modern-page .rgEditForm .RadComboBox .rcbArrowCell,
html body.modern-page .rgEditForm .RadComboBox .rcbArrowCellRight,
html body .modern-page .rgEditForm .RadComboBox .rcbArrowCellRight {
    background-image: none !important;
    border: 0 !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

html body.modern-page .rgEditForm .RadComboBox .rcbInputCell,
html body .modern-page .rgEditForm .RadComboBox .rcbInputCell {
    background: #fff !important;
    border-radius: 8px 0 0 8px !important;
    overflow: hidden !important;
}

html body.modern-page .rgEditForm .RadComboBox .rcbInput,
html body .modern-page .rgEditForm .RadComboBox .rcbInput,
html body.modern-page .rgEditForm .RadComboBox input.rcbInput,
html body .modern-page .rgEditForm .RadComboBox input.rcbInput {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #20344d !important;
    font-size: 12px !important;
    height: 34px !important;
    line-height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    width: 100% !important;
}

html body.modern-page .rgEditForm .RadComboBox .rcbArrowCell,
html body .modern-page .rgEditForm .RadComboBox .rcbArrowCell,
html body.modern-page .rgEditForm .RadComboBox .rcbArrowCellRight,
html body .modern-page .rgEditForm .RadComboBox .rcbArrowCellRight {
    background: #f8fcff !important;
    border-left: 1px solid #dce7ef !important;
    border-radius: 0 8px 8px 0 !important;
    min-width: 34px !important;
    text-align: center !important;
    width: 34px !important;
}

html body.modern-page .rgEditForm .RadComboBox .rcbArrowCell a,
html body .modern-page .rgEditForm .RadComboBox .rcbArrowCell a,
html body.modern-page .rgEditForm .RadComboBox .rcbArrowCellRight a,
html body .modern-page .rgEditForm .RadComboBox .rcbArrowCellRight a,
html body.modern-page .rgEditForm .RadComboBox .rcbIcon,
html body .modern-page .rgEditForm .RadComboBox .rcbIcon,
html body.modern-page .rgEditForm .RadComboBox .rcbActionButton,
html body .modern-page .rgEditForm .RadComboBox .rcbActionButton {
    background-color: transparent !important;
    background-image: none !important;
    height: 34px !important;
    line-height: 34px !important;
    width: 34px !important;
}

html body.modern-page .rgEditForm .RadComboBox .rcbArrowCell::after,
html body .modern-page .rgEditForm .RadComboBox .rcbArrowCell::after,
html body.modern-page .rgEditForm .RadComboBox .rcbArrowCellRight::after,
html body .modern-page .rgEditForm .RadComboBox .rcbArrowCellRight::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #0f426d;
    content: "";
    display: inline-block;
    margin-top: 14px;
}

html body.modern-page .rgEditForm .RadComboBox:focus-within table,
html body .modern-page .rgEditForm .RadComboBox:focus-within table {
    border-color: #1ea7dc !important;
    box-shadow: 0 0 0 3px rgba(30, 167, 220, .16) !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-field-row,
html body.modern-page .rgEditForm .contador-entry .contador-reading-row,
html body.modern-page .rgEditForm .contador-entry .contador-field-row-single,
html body .modern-page .rgEditForm .contador-entry .contador-field-row,
html body .modern-page .rgEditForm .contador-entry .contador-reading-row,
html body .modern-page .rgEditForm .contador-entry .contador-field-row-single {
    display: contents !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-field,
html body .modern-page .rgEditForm .contador-entry .contador-field {
    align-items: center !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 100px minmax(0, 1fr) !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    width: 100% !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-field-wide,
html body .modern-page .rgEditForm .contador-entry .contador-field-wide {
    grid-column: 1 / -1 !important;
    grid-template-columns: 100px 560px !important;
    width: 660px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-field .clave,
html body.modern-page .rgEditForm .contador-entry .contador-field label.clave,
html body .modern-page .rgEditForm .contador-entry .contador-field .clave,
html body .modern-page .rgEditForm .contador-entry .contador-field label.clave {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #002b4f !important;
    display: flex !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    height: 34px !important;
    justify-content: flex-end !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-field-control,
html body .modern-page .rgEditForm .contador-entry .contador-field-control {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    min-height: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-field-control .RadInput,
html body.modern-page .rgEditForm .contador-entry .contador-field-control .riTextBox,
html body.modern-page .rgEditForm .contador-entry .contador-field-control input[type="text"],
html body .modern-page .rgEditForm .contador-entry .contador-field-control .RadInput,
html body .modern-page .rgEditForm .contador-entry .contador-field-control .riTextBox,
html body .modern-page .rgEditForm .contador-entry .contador-field-control input[type="text"] {
    box-sizing: border-box !important;
    height: 34px !important;
    line-height: 34px !important;
    min-height: 34px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field,
html body .modern-page .rgEditForm .contador-entry .contador-date-field {
    grid-template-columns: 100px 256px !important;
    height: 34px !important;
    min-height: 34px !important;
    width: 366px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .contador-field-control,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .contador-field-control {
    flex: 0 0 256px !important;
    width: 256px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .contador-date-picker,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .contador-date-picker {
    background: #fff !important;
    border: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
    position: relative !important;
    vertical-align: middle !important;
    width: 256px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker > input.rdfd_,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker > input.radPreventDecorate,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker > input.rdfd_,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker > input.radPreventDecorate {
    clip: rect(0 0 0 0) !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .RadInput,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker [id$="_dateInput_wrapper"],
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .RadInput,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker [id$="_dateInput_wrapper"] {
    align-items: stretch !important;
    background: #fff !important;
    border: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    float: none !important;
    grid-template-columns: 188px 68px !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
    position: relative !important;
    vertical-align: top !important;
    width: 256px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker input.riTextBox,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker input[id$="_dateInput"],
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker input.riTextBox,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker input[id$="_dateInput"] {
    background: #fff !important;
    border: 1px solid #cfdde8 !important;
    border-radius: 8px 0 0 8px !important;
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    grid-column: 1 !important;
    height: 34px !important;
    left: auto !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    min-width: 0 !important;
    padding: 0 10px !important;
    position: static !important;
    right: auto !important;
    text-align: left !important;
    top: auto !important;
    transform: none !important;
    vertical-align: top !important;
    width: 188px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcSelect,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcSelect {
    align-items: stretch !important;
    background: #fff !important;
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
    grid-column: 2 !important;
    height: 34px !important;
    justify-content: flex-start !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 !important;
    position: static !important;
    width: 68px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcCalPopup,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcTimePopup,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcCalPopup,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcTimePopup {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #cfdde8 !important;
    border-left: 0 !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    float: none !important;
    height: 34px !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    width: 34px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcTimePopup,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcTimePopup {
    border-radius: 0 8px 8px 0 !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker > table,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker tbody,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker tr,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker td,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker > table,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker tbody,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker tr,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker td {
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-qr-card,
html body .modern-page .rgEditForm .contador-entry .contador-qr-card {
    align-self: start !important;
    grid-column: 2 !important;
    grid-row: 1 / span 5 !important;
    justify-self: start !important;
    margin: 0 !important;
    padding: 24px 0 0 !important;
    width: 150px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-actions,
html body .modern-page .rgEditForm .contador-entry .contador-actions {
    justify-content: flex-end !important;
    margin: 16px 0 0 !important;
    width: 720px !important;
}

/* Ajuste final v22: contadores con filas reales. Evita que Telerik desplace fechas/etiquetas. */
html body.modern-page,
html body.modern-page *,
html body .modern-page,
html body .modern-page * {
    font-family: Roboto, "Segoe UI", Arial, Helvetica, sans-serif !important;
}

html body.modern-page .clave,
html body .modern-page .clave {
    font-weight: 400 !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-form-layout,
html body .modern-page .rgEditForm .contador-entry .contador-form-layout {
    align-items: flex-start !important;
    display: flex !important;
    gap: 28px !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-form-grid,
html body .modern-page .rgEditForm .contador-entry .contador-form-grid {
    display: flex !important;
    flex: 0 0 720px !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 720px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-field-row,
html body .modern-page .rgEditForm .contador-entry .contador-field-row {
    align-items: center !important;
    display: grid !important;
    gap: 20px !important;
    grid-template-columns: 350px 350px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 720px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-field-row-single,
html body .modern-page .rgEditForm .contador-entry .contador-field-row-single {
    grid-template-columns: 350px 350px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-field,
html body.modern-page .rgEditForm .contador-entry .contador-date-field,
html body .modern-page .rgEditForm .contador-entry .contador-field,
html body .modern-page .rgEditForm .contador-entry .contador-date-field {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 108px 232px !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 !important;
    width: 350px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-field-wide,
html body .modern-page .rgEditForm .contador-entry .contador-field-wide {
    grid-template-columns: 108px 582px !important;
    width: 700px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-field .clave,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .clave,
html body .modern-page .rgEditForm .contador-entry .contador-field .clave,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .clave {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #002b4f !important;
    display: flex !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    height: 34px !important;
    justify-content: flex-end !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-field-control,
html body .modern-page .rgEditForm .contador-entry .contador-field-control {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    min-width: 0 !important;
    padding: 0 !important;
    position: relative !important;
    width: 100% !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-field-control > .RadInput,
html body.modern-page .rgEditForm .contador-entry .contador-field-control > .RadInput > input.riTextBox,
html body .modern-page .rgEditForm .contador-entry .contador-field-control > .RadInput,
html body .modern-page .rgEditForm .contador-entry .contador-field-control > .RadInput > input.riTextBox {
    width: 100% !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-field-control span[style*="visibility:hidden"],
html body.modern-page .rgEditForm .contador-entry .contador-field-control span[style*="visibility: hidden"],
html body .modern-page .rgEditForm .contador-entry .contador-field-control span[style*="visibility:hidden"],
html body .modern-page .rgEditForm .contador-entry .contador-field-control span[style*="visibility: hidden"] {
    position: absolute !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .contador-field-control,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .contador-field-control {
    width: 232px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker > table,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker tbody,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker tr,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker td,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker > table,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker tbody,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker tr,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker td {
    border-collapse: collapse !important;
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    max-height: 34px !important;
    min-height: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    vertical-align: middle !important;
    width: 232px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .RadInput,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker [id$="_dateInput_wrapper"],
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .RadInput,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker [id$="_dateInput_wrapper"] {
    align-items: center !important;
    display: grid !important;
    float: none !important;
    grid-template-columns: 164px 68px !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: 0 !important;
    transform: none !important;
    width: 232px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker input.riTextBox,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker input[id$="_dateInput"],
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker input.riTextBox,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker input[id$="_dateInput"] {
    align-self: center !important;
    border-radius: 8px 0 0 8px !important;
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    grid-column: 1 !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    position: static !important;
    top: 0 !important;
    transform: none !important;
    vertical-align: middle !important;
    width: 164px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcSelect,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcSelect {
    align-items: center !important;
    display: flex !important;
    float: none !important;
    grid-column: 2 !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    width: 68px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcCalPopup,
html body.modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcTimePopup,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcCalPopup,
html body .modern-page .rgEditForm .contador-entry .contador-date-field .RadPicker.RadDateTimePicker .rcTimePopup {
    align-items: center !important;
    display: inline-flex !important;
    float: none !important;
    height: 34px !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    width: 34px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-qr-card,
html body .modern-page .rgEditForm .contador-entry .contador-qr-card {
    flex: 0 0 150px !important;
    margin: 0 !important;
    padding: 22px 0 0 !important;
    width: 150px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-actions,
html body .modern-page .rgEditForm .contador-entry .contador-actions {
    justify-content: flex-end !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    width: 720px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-upload-form,
html body .modern-page .rgEditForm .contador-entry .contador-upload-form {
    background: #fff !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: 160px 420px max-content !important;
    justify-content: start !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-upload-row,
html body .modern-page .rgEditForm .contador-entry .contador-upload-row {
    align-items: center !important;
    display: contents !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-upload-row .clave,
html body .modern-page .rgEditForm .contador-entry .contador-upload-row .clave {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    display: flex !important;
    font-weight: 400 !important;
    height: 34px !important;
    justify-content: flex-end !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-upload-control,
html body .modern-page .rgEditForm .contador-entry .contador-upload-control {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-upload-row-textarea .contador-upload-control,
html body .modern-page .rgEditForm .contador-entry .contador-upload-row-textarea .contador-upload-control {
    height: 58px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-upload-date .RadPicker,
html body.modern-page .rgEditForm .contador-entry .contador-upload-date .RadPicker table,
html body.modern-page .rgEditForm .contador-entry .contador-upload-date .RadInput,
html body.modern-page .rgEditForm .contador-entry .contador-upload-date input.riTextBox,
html body .modern-page .rgEditForm .contador-entry .contador-upload-date .RadPicker,
html body .modern-page .rgEditForm .contador-entry .contador-upload-date .RadPicker table,
html body .modern-page .rgEditForm .contador-entry .contador-upload-date .RadInput,
html body .modern-page .rgEditForm .contador-entry .contador-upload-date input.riTextBox {
    box-sizing: border-box !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media (max-width: 768px) {
    .modern-page {
        padding: 6px 4px 20px;
    }

    .modern-page-header {
        border-radius: 10px;
        min-height: 52px;
        padding: 14px 16px;
    }

    .modern-page h1 {
        font-size: 18px;
    }

    .maintenance-page .MaintenanceMenu fieldset {
        grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
        padding: 12px;
    }

    #leftMenu,
    #rightPanel {
        padding: 0 10px 14px !important;
    }

    #instalacionesSelection {
        height: auto !important;
        max-height: none;
    }

    .home-gis-titlebar {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    #facilitiesmap {
        min-height: 440px;
    }
}

/* Contadores: layout aislado para evitar que las reglas antiguas de Telerik pisen el formulario. */
html body.modern-page .rgEditForm .contador-entry-fixed,
html body .modern-page .rgEditForm .contador-entry-fixed {
    font-family: "Segoe UI", Arial, sans-serif !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-form-panel,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-form-panel {
    background: #fff !important;
    border: 1px solid #cfe8f6 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    padding: 18px 22px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-form-layout,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-form-layout {
    align-items: start !important;
    display: grid !important;
    gap: 22px !important;
    grid-template-columns: minmax(680px, 760px) 150px 1fr !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-form-grid,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-form-grid {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 1fr !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-row,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field-row {
    align-items: center !important;
    display: grid !important;
    gap: 10px 22px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 0 14px !important;
    grid-template-columns: 120px minmax(0, 1fr) !important;
    height: 34px !important;
    line-height: normal !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 !important;
    width: 100% !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-wide,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field-wide {
    grid-template-columns: 120px minmax(0, 1fr) !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field .clave,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field .clave {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #003b5f !important;
    display: flex !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    height: 34px !important;
    justify-content: flex-end !important;
    letter-spacing: 0 !important;
    line-height: 16px !important;
    margin: 0 !important;
    min-height: 34px !important;
    overflow: visible !important;
    padding: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field-control {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control > .RadInput,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control > .RadInput > input.riTextBox,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control input[type="text"],
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field-control > .RadInput,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field-control > .RadInput > input.riTextBox,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field-control input[type="text"] {
    box-sizing: border-box !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    width: 100% !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field {
    grid-template-columns: 120px 242px !important;
    width: 376px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .contador-field-control,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .contador-field-control {
    flex: 0 0 242px !important;
    width: 242px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker {
    box-sizing: border-box !important;
    display: inline-block !important;
    float: none !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
    width: 242px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker > table,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker > table {
    border-collapse: collapse !important;
    display: table !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    table-layout: fixed !important;
    width: 242px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker > table > tbody,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker > table > tbody {
    display: table-row-group !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker > table > tbody > tr,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker > table > tbody > tr {
    display: table-row !important;
    height: 34px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker > table > tbody > tr > td,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker > table > tbody > tr > td {
    box-sizing: border-box !important;
    display: table-cell !important;
    float: none !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    vertical-align: middle !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker .RadInput,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker [id$="_dateInput_wrapper"],
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker .RadInput,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker [id$="_dateInput_wrapper"] {
    box-sizing: border-box !important;
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 242px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker input.riTextBox,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker input[id$="_dateInput"],
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker input.riTextBox,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker input[id$="_dateInput"] {
    border-radius: 8px 0 0 8px !important;
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    position: static !important;
    vertical-align: middle !important;
    width: 174px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker .rcSelect,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker .rcSelect {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    vertical-align: middle !important;
    width: 68px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker .rcCalPopup,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker .rcTimePopup,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker .rcCalPopup,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker.RadDateTimePicker .rcTimePopup {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    float: none !important;
    height: 34px !important;
    justify-content: center !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    vertical-align: middle !important;
    width: 34px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-qr-card,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-qr-card {
    align-self: start !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 10px 0 0 !important;
    width: 150px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-actions,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-actions {
    display: flex !important;
    gap: 10px !important;
    grid-column: 1 / -1 !important;
    justify-content: flex-end !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-upload-form,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-upload-form {
    background: #fff !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: 150px 360px max-content !important;
    justify-content: start !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-upload-row,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-upload-row {
    display: contents !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-upload-row .clave,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-upload-row .clave {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    display: flex !important;
    font-weight: 400 !important;
    height: 34px !important;
    justify-content: flex-end !important;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-upload-control,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-upload-control {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-upload-date .RadPicker,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-upload-date .RadPicker > table,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-upload-date .RadPicker,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-upload-date .RadPicker > table {
    height: 34px !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

/* Ajuste medido: contadores, fechas Telerik e importacion/exportacion. */
html body.modern-page,
html body .modern-page,
html body.modern-page *,
html body .modern-page * {
    font-family: Roboto, "Segoe UI", Arial, sans-serif !important;
}

html body.modern-page .clave,
html body .modern-page .clave,
html body.modern-page label,
html body .modern-page label,
html body.modern-page .rgEditForm td,
html body .modern-page .rgEditForm td {
    font-weight: 400 !important;
}

html body.modern-page .modern-section-title,
html body .modern-page .modern-section-title,
html body.modern-page .RadGrid .rgHeader,
html body .modern-page .RadGrid .rgHeader,
html body.modern-page .rgHeader,
html body .modern-page .rgHeader,
html body.modern-page .modern-tab,
html body .modern-page .modern-tab,
html body.modern-page .rbDecorated,
html body .modern-page .rbDecorated {
    font-weight: 500 !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-form-panel,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-form-panel {
    padding: 18px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-form-layout,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-form-layout {
    align-items: start !important;
    display: grid !important;
    gap: 26px !important;
    grid-template-columns: 670px 150px 1fr !important;
    justify-content: start !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-form-grid,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-form-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 670px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-row,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field-row {
    display: grid !important;
    gap: 22px !important;
    grid-template-columns: 320px 328px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 102px 1fr !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-wide,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field-wide {
    grid-template-columns: 102px 540px !important;
    width: 652px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field .clave,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field .clave {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    height: 34px !important;
    justify-content: flex-end !important;
    line-height: 16px !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    position: static !important;
    white-space: nowrap !important;
    width: 102px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field-control {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control input[type="text"],
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field-control input[type="text"],
html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control .riTextBox,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-field-control .riTextBox {
    box-sizing: border-box !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 10px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field {
    grid-template-columns: 102px 242px !important;
    width: 354px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .contador-field-control,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .contador-field-control {
    width: 242px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker input.riTextBox,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker input.riTextBox {
    width: 168px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-qr-card,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-qr-card {
    align-self: start !important;
    grid-column: 2 !important;
    grid-row: 1 / span 4 !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    width: 150px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-actions,
html body .modern-page .rgEditForm .contador-entry-fixed .contador-actions {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    grid-column: 1 / 3 !important;
    justify-content: flex-end !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
}

/* Final pass: measured contador layout and Telerik picker alignment. */
body.modern-page,
body.modern-page input,
body.modern-page select,
body.modern-page textarea,
body.modern-page button,
body.modern-page table {
    font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
    font-weight: 400 !important;
}

body.modern-page .page-title,
body.modern-page .modern-title,
body.modern-page .rgEditForm h2,
body.modern-page .rgEditForm h3,
body.modern-page .modern-entry-title {
    font-weight: 600 !important;
}

body.modern-page .clave,
body.modern-page label.clave,
body.modern-page td.clave,
body.modern-page .adminTable td.clave,
body.modern-page .RadWindow .clave,
body.modern-page .rwWindowContent .clave {
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 500 !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-form-panel {
    background: #fff !important;
    border: 1px solid #c9e4f3 !important;
    border-radius: 8px !important;
    padding: 18px 22px !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-form-layout {
    align-items: start !important;
    display: grid !important;
    gap: 28px !important;
    grid-template-columns: minmax(680px, 760px) 150px !important;
    justify-content: start !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-form-grid {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 360px)) !important;
    column-gap: 24px !important;
    row-gap: 12px !important;
    width: auto !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-field-row {
    display: contents !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-field {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 !important;
    width: auto !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-field-wide {
    grid-column: 1 / 3 !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-field-row-single .contador-field {
    grid-column: 1 / 2 !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-field .clave,
body.modern-page .rgEditForm .contador-entry-fixed .contador-field label.clave {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    justify-content: flex-end !important;
    line-height: 16px !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control input[type="text"],
body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control textarea,
body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control select,
body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control .riTextBox {
    background: #fff !important;
    border: 1px solid #cfd8e8 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    color: #20344d !important;
    display: block !important;
    font-size: 13px !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    width: 100% !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field {
    align-items: center !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker,
body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker > table {
    border-collapse: collapse !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    table-layout: fixed !important;
    width: 100% !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker tr,
body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker td {
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker .rcInputCell {
    width: auto !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker .rcSelect {
    display: table-cell !important;
    float: none !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
    width: 34px !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker input.riTextBox {
    border-radius: 8px 0 0 8px !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 10px !important;
    width: 100% !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker .rcCalPopup,
body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker .rcTimePopup {
    align-items: center !important;
    background-color: #fff !important;
    border: 1px solid #cfd8e8 !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    float: none !important;
    height: 34px !important;
    justify-content: center !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    width: 34px !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker .rcTimePopup {
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-qr-card {
    align-self: start !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    grid-column: 2 !important;
    grid-row: 1 / span 5 !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    width: 150px !important;
}

body.modern-page .rgEditForm .contador-entry-fixed .contador-actions {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    grid-column: 1 / 3 !important;
    justify-content: flex-end !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
}

body.modern-page .RadWindow .clave,
body.modern-page .rwWindowContent .clave,
body.modern-page .RadWindow label,
body.modern-page .rwWindowContent label {
    background: transparent !important;
}

/* Main.aspx: keep the installation filter controls inside the legacy left column. */
body.modern-page #leftMenu {
    box-sizing: border-box !important;
}

body.modern-page #leftMenu fieldset {
    box-sizing: border-box !important;
    width: 100% !important;
}

body.modern-page #leftMenu .adminTable {
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    table-layout: fixed !important;
    width: 100% !important;
}

body.modern-page #leftMenu .adminTable td {
    box-sizing: border-box !important;
    padding: 0 8px 0 0 !important;
    vertical-align: middle !important;
}

body.modern-page #leftMenu .adminTable td.clave {
    font-size: 12px !important;
    line-height: 16px !important;
    width: 118px !important;
}

body.modern-page #leftMenu .adminTable td:not(.clave) {
    padding-right: 0 !important;
    width: auto !important;
}

body.modern-page #leftMenu .RadComboBox,
body.modern-page #leftMenu .RadInput {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

body.modern-page #leftMenu .RadComboBox table,
body.modern-page #leftMenu .RadInput table {
    table-layout: fixed !important;
    width: 100% !important;
}

body.modern-page #leftMenu .RadComboBox .rcbInputCell,
body.modern-page #leftMenu .RadInput .riTextBox {
    min-width: 0 !important;
}

body.modern-page #leftMenu .RadComboBox .rcbArrowCell,
body.modern-page #leftMenu .RadComboBox .rcbArrowCellRight {
    border-left: 1px solid #e5eef5 !important;
    min-width: 30px !important;
    position: relative !important;
    text-align: center !important;
    width: 30px !important;
}

body.modern-page #leftMenu .RadComboBox .rcbArrowCell a,
body.modern-page #leftMenu .RadComboBox .rcbArrowCellRight a,
body.modern-page #leftMenu .RadComboBox .rcbIcon,
body.modern-page #leftMenu .RadComboBox .rcbActionButton {
    background-image: none !important;
    color: transparent !important;
    font-size: 0 !important;
}

body.modern-page #leftMenu .RadComboBox .rcbArrowCell::after,
body.modern-page #leftMenu .RadComboBox .rcbArrowCellRight::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #0f426d;
    content: "";
    display: inline-block;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
}

body.modern-page #leftMenu .RadComboBox .rcbInput,
body.modern-page #leftMenu input.riTextBox,
body.modern-page #leftMenu input[type="text"] {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

/* Instalaciones.aspx: final polish for combo, top submenu and document upload form. */
html body.modern-page #rightPanel .installation-module-menu.RadMenu .rmRootLink,
html body.modern-page #rightPanel .installation-module-menu.RadMenu_MetroTouch .rmRootLink,
html body.modern-page #rightPanel .installation-module-menu.RadMenu .rmRootLink .rmText,
html body.modern-page #rightPanel .installation-module-menu.RadMenu_MetroTouch .rmRootLink .rmText {
    font-weight: 500 !important;
}

html body.modern-page #rightPanel .infoInstalacion [id$="ddlTipoInstalacion"].RadComboBox,
html body.modern-page #rightPanel .infoInstalacion [id$="ddlTipoInstalacionSomacyl"].RadComboBox {
    width: 90% !important;
}

html body.modern-page #rightPanel .infoInstalacion [id$="ddlTipoInstalacion"] .rcbArrowCell,
html body.modern-page #rightPanel .infoInstalacion [id$="ddlTipoInstalacion"] .rcbArrowCellRight,
html body.modern-page #rightPanel .infoInstalacion [id$="ddlTipoInstalacionSomacyl"] .rcbArrowCell,
html body.modern-page #rightPanel .infoInstalacion [id$="ddlTipoInstalacionSomacyl"] .rcbArrowCellRight {
    background: #fff !important;
    border-left: 1px solid #cfe0ec !important;
    color: transparent !important;
    font-size: 0 !important;
    min-width: 32px !important;
    position: relative !important;
    width: 32px !important;
}

html body.modern-page #rightPanel .infoInstalacion [id$="ddlTipoInstalacion"] .rcbArrowCell a,
html body.modern-page #rightPanel .infoInstalacion [id$="ddlTipoInstalacion"] .rcbArrowCellRight a,
html body.modern-page #rightPanel .infoInstalacion [id$="ddlTipoInstalacionSomacyl"] .rcbArrowCell a,
html body.modern-page #rightPanel .infoInstalacion [id$="ddlTipoInstalacionSomacyl"] .rcbArrowCellRight a {
    background-image: none !important;
    color: transparent !important;
    font-size: 0 !important;
}

html body.modern-page #rightPanel .infoInstalacion [id$="ddlTipoInstalacion"] .rcbArrowCell::after,
html body.modern-page #rightPanel .infoInstalacion [id$="ddlTipoInstalacion"] .rcbArrowCellRight::after,
html body.modern-page #rightPanel .infoInstalacion [id$="ddlTipoInstalacionSomacyl"] .rcbArrowCell::after,
html body.modern-page #rightPanel .infoInstalacion [id$="ddlTipoInstalacionSomacyl"] .rcbArrowCellRight::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #0f426d;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -35%);
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="divUploadFiles"] {
    padding: 12px 14px 14px !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="divUploadFiles"] .adminTable {
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    table-layout: fixed !important;
    width: 650px !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="divUploadFiles"] .adminTable td {
    height: 36px !important;
    padding: 0 10px 0 0 !important;
    vertical-align: middle !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="divUploadFiles"] .adminTable td.clave {
    font-weight: 600 !important;
    min-width: 0 !important;
    text-align: right !important;
    width: 150px !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="upFileUploader"].RadUpload,
html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="upFileUploader"] .ruInputs,
html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="upFileUploader"] .ruFileWrap {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    height: 36px !important;
    margin: 0 !important;
    overflow: visible !important;
    width: 460px !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="upFileUploader"] .ruFakeInput {
    border: 1px solid #cfe0ec !important;
    border-radius: 7px !important;
    height: 34px !important;
    line-height: 34px !important;
    min-width: 350px !important;
    padding: 0 10px !important;
    width: 350px !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="upFileUploader"] .ruButton,
html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="upFileUploader"] .ruBrowse,
html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="upFileUploader"] input.ruButton {
    border-radius: 7px !important;
    height: 34px !important;
    line-height: 32px !important;
    min-width: 94px !important;
    padding: 0 12px !important;
    width: 94px !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="txtFileDescripcion"],
html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] textarea {
    height: 52px !important;
    min-height: 52px !important;
    width: 410px !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="dpFechaDocumento"].RadDatePicker,
html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="dpFechaDocumento"].RadDatePicker > table {
    display: inline-flex !important;
    height: 34px !important;
    margin: 0 !important;
    table-layout: fixed !important;
    width: 170px !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="dpFechaDocumento"] tbody,
html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="dpFechaDocumento"] tr,
html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="dpFechaDocumento"] td {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="dpFechaDocumento"] .rcInputCell {
    width: 136px !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="dpFechaDocumento"] .rcSelect {
    display: flex !important;
    width: 34px !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="dpFechaDocumento"] input.riTextBox {
    border-radius: 7px 0 0 7px !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 8px !important;
    width: 136px !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] [id$="dpFechaDocumento"] .rcCalPopup {
    border-radius: 0 7px 7px 0 !important;
    height: 34px !important;
    margin: 0 !important;
    width: 34px !important;
}

/* Empresas.aspx: clean combo arrow and make notes usable as a real textarea. */
html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo .rcbArrowCell,
html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo .rcbArrowCellRight {
    background: #f8fcff !important;
    border-left: 1px solid #dce7ef !important;
    border-radius: 0 8px 8px 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    min-width: 34px !important;
    position: relative !important;
    text-align: center !important;
    width: 34px !important;
}

html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo .rcbArrowCell a,
html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo .rcbArrowCellRight a,
html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo .rcbIcon,
html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo .rcbActionButton {
    background-image: none !important;
    color: transparent !important;
    font-size: 0 !important;
}

html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo .rcbArrowCell::after,
html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo .rcbArrowCellRight::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #0f426d;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -35%);
}

html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo td,
html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo .rcbInputCell,
html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo .rcbArrowCell,
html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo .rcbArrowCellRight {
    height: 34px !important;
    line-height: 34px !important;
    vertical-align: middle !important;
}

html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo .rcbInputCell {
    align-items: center !important;
    display: flex !important;
}

html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo .rcbInput,
html body.modern-page .rgEditForm .empresa-entry .empresa-tipo-combo input.rcbInput {
    box-sizing: border-box !important;
    display: block !important;
    height: 34px !important;
    line-height: 16px !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    transform: translateY(-3px) !important;
    vertical-align: middle !important;
}

html body.modern-page .rgEditForm .empresa-entry [id$="txtNotas"],
html body.modern-page .rgEditForm .empresa-entry .empresa-notas,
html body.modern-page .rgEditForm .empresa-entry .empresa-notas textarea,
html body.modern-page .rgEditForm .empresa-entry textarea[id$="txtNotas"] {
    box-sizing: border-box !important;
    height: 115px !important;
    line-height: 18px !important;
    min-height: 115px !important;
    padding: 8px 10px !important;
    resize: vertical;
    vertical-align: top !important;
}

/* ListadoInstalaciones.aspx: compact filters and normalize every combo in this page. */
html body .modern-page.listado-instalaciones-page .instalaciones-filters {
    padding: 14px 18px !important;
}

html body .modern-page.listado-instalaciones-page .instalaciones-filters .adminTable {
    border-collapse: separate !important;
    border-spacing: 10px 0 !important;
    table-layout: auto !important;
    width: auto !important;
}

html body .modern-page.listado-instalaciones-page .instalaciones-filters .adminTable td {
    background: transparent !important;
    padding: 0 !important;
    vertical-align: middle !important;
    width: auto !important;
}

html body .modern-page.listado-instalaciones-page .instalaciones-filters .adminTable td.clave {
    min-width: 0 !important;
    padding-right: 8px !important;
    white-space: nowrap !important;
}

html body .modern-page.listado-instalaciones-page .instalaciones-filters [id$="ddlTipoInstalacion"].RadComboBox {
    width: 260px !important;
}

html body .modern-page.listado-instalaciones-page .instalaciones-filters [id$="chkTieneHijos"] {
    height: 32px !important;
    margin-left: 16px !important;
    min-width: 56px !important;
}

html body .modern-page.listado-instalaciones-page .rgEditForm fieldset .adminTable {
    border-collapse: separate !important;
    border-spacing: 12px 10px !important;
    table-layout: auto !important;
    width: auto !important;
}

html body .modern-page.listado-instalaciones-page .RadComboBox,
html body .modern-page.listado-instalaciones-page .RadComboBox_Default {
    display: inline-block !important;
    height: 36px !important;
    min-height: 36px !important;
    vertical-align: middle !important;
}

html body .modern-page.listado-instalaciones-page .RadComboBox table {
    background: #fff !important;
    background-image: none !important;
    border: 1px solid #cfdde8 !important;
    border-collapse: separate !important;
    border-radius: 8px !important;
    border-spacing: 0 !important;
    box-shadow: inset 0 1px 2px rgba(36, 50, 71, .04) !important;
    box-sizing: border-box !important;
    height: 36px !important;
    min-height: 36px !important;
    overflow: hidden !important;
    table-layout: fixed !important;
}

html body .modern-page.listado-instalaciones-page .RadComboBox .rcbReadOnly,
html body .modern-page.listado-instalaciones-page .RadComboBox .rcbFocused,
html body .modern-page.listado-instalaciones-page .RadComboBox .rcbHovered,
html body .modern-page.listado-instalaciones-page .RadComboBox .rcbInner {
    background: #fff !important;
    background-image: none !important;
    border-radius: 8px !important;
    height: 36px !important;
    min-height: 36px !important;
}

html body .modern-page.listado-instalaciones-page .RadComboBox td,
html body .modern-page.listado-instalaciones-page .RadComboBox .rcbInputCell,
html body .modern-page.listado-instalaciones-page .RadComboBox .rcbArrowCell,
html body .modern-page.listado-instalaciones-page .RadComboBox .rcbArrowCellRight {
    background-image: none !important;
    border: 0 !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

html body .modern-page.listado-instalaciones-page .RadComboBox .rcbInputCell {
    background: #fff !important;
    border-radius: 8px 0 0 8px !important;
    overflow: hidden !important;
}

html body .modern-page.listado-instalaciones-page .RadComboBox .rcbInput,
html body .modern-page.listado-instalaciones-page .RadComboBox input.rcbInput {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #20344d !important;
    font-size: 12px !important;
    height: 34px !important;
    line-height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    width: 100% !important;
}

html body .modern-page.listado-instalaciones-page .RadComboBox .rcbArrowCell,
html body .modern-page.listado-instalaciones-page .RadComboBox .rcbArrowCellRight {
    background: #f8fcff !important;
    border-left: 1px solid #dce7ef !important;
    border-radius: 0 8px 8px 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    min-width: 34px !important;
    position: relative !important;
    text-align: center !important;
    width: 34px !important;
}

html body .modern-page.listado-instalaciones-page .RadComboBox .rcbArrowCell a,
html body .modern-page.listado-instalaciones-page .RadComboBox .rcbArrowCellRight a,
html body .modern-page.listado-instalaciones-page .RadComboBox .rcbIcon,
html body .modern-page.listado-instalaciones-page .RadComboBox .rcbActionButton {
    background-color: transparent !important;
    background-image: none !important;
    color: transparent !important;
    font-size: 0 !important;
    height: 34px !important;
    line-height: 34px !important;
    width: 34px !important;
}

html body .modern-page.listado-instalaciones-page .RadComboBox .rcbArrowCell::after,
html body .modern-page.listado-instalaciones-page .RadComboBox .rcbArrowCellRight::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #0f426d;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -35%);
}

html body .modern-page.listado-instalaciones-page .RadComboBox:focus-within table {
    border-color: #1ea7dc !important;
    box-shadow: 0 0 0 3px rgba(30, 167, 220, .16) !important;
}

/* TiposCtoElectrico.aspx: contract type form combo and notes polish. */
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry {
    border-collapse: separate !important;
    border-spacing: 12px 8px !important;
    table-layout: auto !important;
    width: auto !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry td {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry td.clave {
    padding-right: 8px !important;
    white-space: nowrap !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox,
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox_Default {
    display: inline-block !important;
    height: 36px !important;
    min-height: 36px !important;
    vertical-align: middle !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox table {
    background: #fff !important;
    background-image: none !important;
    border: 1px solid #cfdde8 !important;
    border-collapse: separate !important;
    border-radius: 8px !important;
    border-spacing: 0 !important;
    box-shadow: inset 0 1px 2px rgba(36, 50, 71, .04) !important;
    box-sizing: border-box !important;
    height: 36px !important;
    min-height: 36px !important;
    overflow: hidden !important;
    table-layout: fixed !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbReadOnly,
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbFocused,
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbHovered,
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbInner {
    background: #fff !important;
    background-image: none !important;
    border-radius: 8px !important;
    height: 36px !important;
    min-height: 36px !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox td,
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbInputCell,
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbArrowCell,
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbArrowCellRight {
    background-image: none !important;
    border: 0 !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbInputCell {
    background: #fff !important;
    border-radius: 8px 0 0 8px !important;
    overflow: hidden !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbInput,
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox input.rcbInput {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #20344d !important;
    font-size: 12px !important;
    height: 34px !important;
    line-height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    vertical-align: middle !important;
    width: 100% !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbArrowCell,
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbArrowCellRight {
    background: #f8fcff !important;
    border-left: 1px solid #dce7ef !important;
    border-radius: 0 8px 8px 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    min-width: 34px !important;
    position: relative !important;
    text-align: center !important;
    width: 34px !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbArrowCell a,
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbArrowCellRight a,
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbIcon,
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbActionButton {
    background-color: transparent !important;
    background-image: none !important;
    color: transparent !important;
    font-size: 0 !important;
    height: 34px !important;
    line-height: 34px !important;
    width: 34px !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbArrowCell::after,
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry .RadComboBox .rcbArrowCellRight::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #0f426d;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -35%);
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry [id$="txtNotas"],
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry textarea[id$="txtNotas"],
html body .modern-page.tipos-cto-electrico-page .rgEditForm .tipo-contrato-entry [id$="txtNotas"] textarea {
    box-sizing: border-box !important;
    display: block !important;
    height: 82px !important;
    line-height: 18px !important;
    max-width: 980px !important;
    min-height: 82px !important;
    padding: 8px 10px !important;
    resize: vertical;
    vertical-align: top !important;
    width: 890px !important;
}

/* Final RadComboBox text alignment: Telerik inputs sit visually low in Chrome. */
html body .modern-page .RadComboBox .rcbInputCell {
    align-items: center !important;
    display: flex !important;
}

html body .modern-page .RadComboBox .rcbInput,
html body .modern-page .RadComboBox input.rcbInput {
    box-sizing: border-box !important;
    display: block !important;
    height: 34px !important;
    line-height: 16px !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    transform: translateY(-3px) !important;
    vertical-align: middle !important;
}

/* Softer modern page titles: keep contrast without the heavy bold look. */
html body .modern-page .modern-page-header h1,
html body .modern-page h1 {
    font-size: 18px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    text-shadow: none !important;
}

/* TiposInstalacion.aspx: hide Telerik's native checkbox-combo glyph. */
html body .modern-page .rgEditForm .tipo-analitica-combo .rcbArrowCell,
html body .modern-page .rgEditForm .tipo-analitica-combo .rcbArrowCellRight {
    color: transparent !important;
    font-size: 0 !important;
    position: relative !important;
}

html body .modern-page .rgEditForm .tipo-analitica-combo .rcbArrowCell a,
html body .modern-page .rgEditForm .tipo-analitica-combo .rcbArrowCellRight a,
html body .modern-page .rgEditForm .tipo-analitica-combo .rcbIcon,
html body .modern-page .rgEditForm .tipo-analitica-combo .rcbActionButton,
html body .modern-page .rgEditForm .tipo-analitica-combo .rcbActionButton span {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
}

html body .modern-page .rgEditForm .tipo-analitica-combo .rcbArrowCell::after,
html body .modern-page .rgEditForm .tipo-analitica-combo .rcbArrowCellRight::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #0f426d;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -35%);
}

/* TiposDeAgua.aspx: nested prices grid edit row and date editors. */
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .rgEditRow,
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .rgEditRow td {
    background: #fff !important;
    background-color: #fff !important;
    font-weight: 400 !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .rgEditRow td {
    height: 48px !important;
    padding: 6px 6px !important;
    vertical-align: middle !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .RadDatePicker,
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .RadDatePicker > table {
    display: block !important;
    height: 34px !important;
    margin: 0 !important;
    position: relative !important;
    top: auto !important;
    vertical-align: top !important;
    width: 138px !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .RadDatePicker > table {
    display: table !important;
    top: 0 !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .RadDatePicker tbody,
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .RadDatePicker tr,
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .RadDatePicker td {
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .RadDatePicker .rcInputCell {
    width: 104px !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .RadDatePicker .riTextBox {
    box-sizing: border-box !important;
    height: 34px !important;
    line-height: 34px !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    vertical-align: middle !important;
    width: 104px !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .RadDatePicker .rcCalPopup {
    height: 34px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    width: 34px !important;
}

/* TiposDeAgua.aspx: keep nested price grid visible; align editors without changing Telerik columns. */
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .rgEditRow td {
    overflow: visible !important;
    padding: 8px 6px !important;
    vertical-align: middle !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .rgEditRow .RadDatePicker,
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-entry .tipo-agua-precios-grid .rgEditRow .RadInput {
    margin: 0 !important;
    position: static !important;
    top: auto !important;
    vertical-align: middle !important;
}

/* Contadores.aspx: document upload tab, keep each field on its own aligned row. */
html body .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-form,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-form,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-form {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 1fr !important;
    justify-content: start !important;
    margin: 12px 0 0 !important;
    max-width: 620px !important;
    width: 620px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row {
    align-items: center !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: 118px 430px !important;
    min-height: 34px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row .clave,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row .clave,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row .clave {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    justify-content: flex-end !important;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row:has([id$="upFileUploader"]) .clave,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row:has([id$="upFileUploader"]) .clave,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row:has([id$="upFileUploader"]) .clave {
    visibility: hidden !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row:has([id$="upFileUploader"] .ruUploadProgress) .clave,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row:has([id$="upFileUploader"] .ruUploadProgress) .clave,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row:has([id$="upFileUploader"] .ruUploadProgress) .clave {
    visibility: visible !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-control,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-control,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-control {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-file,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-file,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-file {
    align-items: center !important;
    height: 34px !important;
    min-height: 34px !important;
    overflow: visible !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"].RadUpload,
html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"].RadAsyncUpload,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"].RadUpload,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"].RadAsyncUpload,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"].RadUpload,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"].RadAsyncUpload {
    display: block !important;
    height: 34px !important;
    margin: 0 !important;
    overflow: visible !important;
    width: 430px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruInputs,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruInputs,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruInputs {
    display: block !important;
    height: 34px !important;
    list-style: none !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 430px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruInputs > li,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruInputs > li,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruInputs > li {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: relative !important;
    white-space: nowrap !important;
    width: 430px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruInputs > li.ruUploadSuccess,
html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruInputs > li.ruUploadFailure,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruInputs > li.ruUploadSuccess,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruInputs > li.ruUploadFailure,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruInputs > li.ruUploadSuccess,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruInputs > li.ruUploadFailure {
    background: transparent !important;
    background-image: none !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruFileWrap,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruFileWrap,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruFileWrap {
    align-items: center !important;
    display: flex !important;
    flex: 0 0 auto !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruFileWrap label,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruFileWrap label,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruFileWrap label,
html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] label,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] label,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] label {
    display: none !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruFakeInput,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruFakeInput,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruFakeInput {
    box-sizing: border-box !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    width: 248px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruFileInput,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruFileInput,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruFileInput {
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruBrowse,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruBrowse,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruBrowse {
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 0 0 10px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruUploadProgress,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruUploadProgress,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruUploadProgress {
    align-items: center !important;
    background-position: 0 center !important;
    background-repeat: no-repeat !important;
    color: #002b55 !important;
    display: inline-flex !important;
    flex: 0 1 auto !important;
    font-size: 12px !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    max-width: 260px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 0 0 22px !important;
    text-indent: 0 !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruUploadProgress .ruUploadSuccess,
html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruUploadProgress .ruUploadFailure,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruUploadProgress .ruUploadSuccess,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruUploadProgress .ruUploadFailure,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruUploadProgress .ruUploadSuccess,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruUploadProgress .ruUploadFailure {
    display: none !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruRemove,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruRemove,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="upFileUploader"] .ruRemove {
    align-items: center !important;
    background: #f8fbfe !important;
    border: 1px solid #c8dced !important;
    border-radius: 6px !important;
    color: #002b55 !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 11px !important;
    height: 26px !important;
    justify-content: center !important;
    line-height: 24px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    vertical-align: middle !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row-textarea,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row-textarea,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row-textarea {
    align-items: start !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row-textarea .clave,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row-textarea .clave,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-row-textarea .clave {
    padding-top: 9px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="txtFileDescripcion"],
html body .contador-entry-fixed [id$="divUploadFiles"] textarea,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="txtFileDescripcion"],
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] textarea,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="txtFileDescripcion"],
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] textarea {
    box-sizing: border-box !important;
    height: 54px !important;
    min-height: 54px !important;
    width: 430px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-date .RadDatePicker,
html body .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-date .RadDatePicker > table,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-date .RadDatePicker,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-date .RadDatePicker > table,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-date .RadDatePicker,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-date .RadDatePicker > table {
    height: 34px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    width: 170px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-actions,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-actions,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-upload-actions {
    display: flex !important;
    justify-content: flex-start !important;
    margin-left: 130px !important;
    padding-top: 2px !important;
}

/* Contadores.aspx: document date picker as one compact control, like the Ficha date. */
html body .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"].RadDatePicker,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"].RadDatePicker,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"].RadDatePicker {
    display: block !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    overflow: visible !important;
    position: static !important;
    width: 170px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"].RadDatePicker > table,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"].RadDatePicker > table,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"].RadDatePicker > table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    display: table !important;
    height: 34px !important;
    margin: 0 !important;
    table-layout: fixed !important;
    width: 170px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] tbody,
html body .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] tr,
html body .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] td,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] tbody,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] tr,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] td,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] tbody,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] tr,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] td {
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] .rcInputCell,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] .rcInputCell,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] .rcInputCell {
    width: 136px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] input.riTextBox,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] input.riTextBox,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] input.riTextBox {
    border-radius: 7px 0 0 7px !important;
    box-sizing: border-box !important;
    display: block !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    width: 136px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] .rcSelect,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] .rcSelect,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] .rcSelect,
html body .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] .rcCalPopup,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] .rcCalPopup,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] [id$="dpFechaDocumento"] .rcCalPopup {
    border-radius: 0 7px 7px 0 !important;
    display: block !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 34px !important;
}

/* Contadores.aspx: direct class for the document datetime picker; same control family as Ficha. */
html body .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker {
    display: inline-block !important;
    height: 34px !important;
    margin: 0 !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    width: 232px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker > table,
html body .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker table,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker > table,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker table,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker > table,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    display: table !important;
    height: 34px !important;
    margin: 0 !important;
    table-layout: fixed !important;
    width: 232px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker td,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker td,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker td {
    display: table-cell !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker .rcInputCell,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker .rcInputCell,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker .rcInputCell {
    width: 164px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker input.riTextBox,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker input.riTextBox,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker input.riTextBox {
    border-radius: 7px 0 0 7px !important;
    box-sizing: border-box !important;
    display: block !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    width: 164px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker .rcSelect,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker .rcSelect,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker .rcSelect {
    display: flex !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 68px !important;
}

html body .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker .rcCalPopup,
html body .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker .rcTimePopup,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker .rcCalPopup,
html body.modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker .rcTimePopup,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker .rcCalPopup,
html body .modern-page .rgEditForm .contador-entry-fixed [id$="divUploadFiles"] .contador-document-date-picker .rcTimePopup {
    display: block !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 34px !important;
}

html body .installation-module-menu .rmSlide .rmGroup .rmItem:hover > .rmLink .rmText {
    font-weight: 450 !important;
    color: #06496b !important;
}

/* ContadoresVertidos.aspx: filters and edit form alignment. */
html body .modern-page.vertidos-page {
    color: #002b55;
    font-size: 12px;
}

html body .modern-page.vertidos-page .pageTitle {
    color: #0071ad !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 0 10px !important;
}

html body .modern-page.vertidos-page > fieldset {
    background: #fff;
    border: 1px solid #cfdde8;
    border-radius: 4px;
    margin: 0 0 14px !important;
    padding: 14px 18px !important;
}

html body .modern-page.vertidos-page > fieldset .t-row,
html body .modern-page.vertidos-page > fieldset .t-col {
    align-items: center;
}

html body .modern-page.vertidos-page > fieldset .key {
    align-items: center;
    display: flex;
    font-weight: 600;
    height: 36px;
    justify-content: flex-end;
}

html body .modern-page.vertidos-page > fieldset .RadDatePicker,
html body .modern-page.vertidos-page > fieldset .RadComboBox {
    height: 36px !important;
    max-width: 100% !important;
}

html body .modern-page.vertidos-page > fieldset .RadDatePicker > table {
    height: 36px !important;
    table-layout: fixed !important;
    width: 150px !important;
}

html body .modern-page.vertidos-page > fieldset .RadDatePicker .riTextBox {
    height: 36px !important;
    line-height: 36px !important;
}

html body .modern-page.vertidos-page > fieldset [id$="ddlPunto"].RadComboBox {
    width: 280px !important;
}

html body .modern-page.vertidos-page .leyendaItem {
    align-items: center;
    display: inline-flex;
    gap: 7px;
    margin: 0 24px 10px 12px;
}

html body .modern-page.vertidos-page .rgEditForm {
    background: #e9f7ff !important;
    padding: 10px 8px 14px !important;
}

html body .modern-page.vertidos-page .rgEditForm > td:first-child,
html body .modern-page.vertidos-page .rgEditForm .rgEditForm > td:first-child {
    background: transparent !important;
}

html body .modern-page.vertidos-page .rgEditForm .modern-entry,
html body .modern-page.vertidos-page .rgEditForm h3 + .error + .success + .RadAjaxPanel {
    max-width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm h3 {
    border-bottom: 1px solid #c7e1f2;
    color: #0071ad;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    margin: 0 0 14px !important;
    padding: 0 0 10px !important;
}

html body .modern-page.vertidos-page .vertidos-info-fieldset,
html body .modern-page.vertidos-page .vertidos-detail-fieldset,
html body .modern-page.vertidos-page .vertidos-actions-fieldset {
    background: #fff !important;
    border: 1px solid #c7ddeb !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    margin: 0 0 14px !important;
    padding: 16px 18px !important;
}

html body .modern-page.vertidos-page .vertidos-info-fieldset legend,
html body .modern-page.vertidos-page .vertidos-detail-fieldset legend,
html body .modern-page.vertidos-page .vertidos-actions-fieldset legend {
    color: #0071ad !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 0 8px !important;
}

html body .modern-page.vertidos-page .vertidos-info-form,
html body .modern-page.vertidos-page .vertidos-add-form,
html body .modern-page.vertidos-page .vertidos-detail-layout {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: auto !important;
}

html body .modern-page.vertidos-page .vertidos-info-form tbody,
html body .modern-page.vertidos-page .vertidos-info-form tr {
    align-items: center !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: 86px 280px 70px 180px 16px 80px 180px !important;
}

html body .modern-page.vertidos-page .vertidos-add-form tbody,
html body .modern-page.vertidos-page .vertidos-add-form tr {
    align-items: center !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: 86px 210px 70px 210px 76px 290px 16px 86px !important;
}

html body .modern-page.vertidos-page .vertidos-info-form td,
html body .modern-page.vertidos-page .vertidos-add-form td,
html body .modern-page.vertidos-page .vertidos-detail-layout td {
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

html body .modern-page.vertidos-page .vertidos-info-form td.clave,
html body .modern-page.vertidos-page .vertidos-add-form td.clave {
    align-items: center !important;
    display: flex !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    height: 36px !important;
    justify-content: flex-end !important;
    line-height: 16px !important;
    text-align: right !important;
    white-space: nowrap !important;
}

html body .modern-page.vertidos-page .vertidos-info-form .RadInput,
html body .modern-page.vertidos-page .vertidos-info-form .RadComboBox,
html body .modern-page.vertidos-page .vertidos-add-form .RadInput,
html body .modern-page.vertidos-page .vertidos-add-form .RadComboBox,
html body .modern-page.vertidos-page .vertidos-add-form .RadPicker,
html body .modern-page.vertidos-page .vertidos-info-form input.riTextBox,
html body .modern-page.vertidos-page .vertidos-add-form input.riTextBox {
    box-sizing: border-box !important;
    height: 36px !important;
    line-height: 36px !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

html body .modern-page.vertidos-page .vertidos-info-form [id$="ddlPuntoMuestra"].RadComboBox,
html body .modern-page.vertidos-page .vertidos-add-form [id$="ddlTitulares"].RadComboBox {
    width: 100% !important;
}

html body .modern-page.vertidos-page .vertidos-info-form [id$="txtAforoTotal_wrapper"],
html body .modern-page.vertidos-page .vertidos-info-form [id$="txtAccionesTotales_wrapper"] {
    width: 180px !important;
}

html body .modern-page.vertidos-page .vertidos-add-form .RadDateTimePicker,
html body .modern-page.vertidos-page .vertidos-add-form .RadDateTimePicker > table {
    border-collapse: collapse !important;
    height: 36px !important;
    margin: 0 !important;
    table-layout: fixed !important;
    width: 170px !important;
}

html body .modern-page.vertidos-page .vertidos-add-form .RadDateTimePicker tbody,
html body .modern-page.vertidos-page .vertidos-add-form .RadDateTimePicker tr,
html body .modern-page.vertidos-page .vertidos-add-form .RadDateTimePicker td {
    height: 36px !important;
    line-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
}

html body .modern-page.vertidos-page .vertidos-add-form .RadDateTimePicker .RadInput,
html body .modern-page.vertidos-page .vertidos-add-form .RadDateTimePicker [id$="_dateInput_wrapper"],
html body .modern-page.vertidos-page .vertidos-add-form .RadDateTimePicker input.riTextBox {
    height: 36px !important;
    line-height: 36px !important;
    width: 100px !important;
}

html body .modern-page.vertidos-page .vertidos-add-form .RadDateTimePicker .rcSelect {
    display: flex !important;
    height: 36px !important;
    width: 70px !important;
}

html body .modern-page.vertidos-page .vertidos-add-form .RadDateTimePicker .rcCalPopup,
html body .modern-page.vertidos-page .vertidos-add-form .RadDateTimePicker .rcTimePopup {
    height: 36px !important;
    line-height: 36px !important;
    margin: 0 !important;
    width: 35px !important;
}

html body .modern-page.vertidos-page .vertidos-add-form [id$="rbtnAnadirVertido"] {
    min-width: 82px !important;
}

html body .modern-page.vertidos-page .vertidos-detail-layout > tbody,
html body .modern-page.vertidos-page .vertidos-detail-layout > tbody > tr {
    align-items: stretch !important;
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: minmax(720px, 1fr) 190px !important;
}

html body .modern-page.vertidos-page .vertidos-detail-layout > tbody > tr > td:first-child,
html body .modern-page.vertidos-page .vertidos-detail-layout > tbody > tr > td:last-child {
    width: auto !important;
}

html body .modern-page.vertidos-page .vertidos-detail-fieldset {
    min-height: 0 !important;
}

html body .modern-page.vertidos-page .vertidos-detail-fieldset .RadGrid {
    width: 100% !important;
}

html body .modern-page.vertidos-page .vertidos-detail-fieldset .rgEditRow td {
    background: #fff !important;
    height: 46px !important;
    padding: 6px !important;
    vertical-align: middle !important;
}

html body .modern-page.vertidos-page .vertidos-detail-fieldset .rgEditRow .RadInput,
html body .modern-page.vertidos-page .vertidos-detail-fieldset .rgEditRow .RadComboBox,
html body .modern-page.vertidos-page .vertidos-detail-fieldset .rgEditRow input.riTextBox {
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

html body .modern-page.vertidos-page .vertidos-detail-fieldset .rgEditRow .RadComboBox {
    width: 120px !important;
}

html body .modern-page.vertidos-page .vertidos-actions-fieldset {
    height: 100% !important;
}

html body .modern-page.vertidos-page .vertidos-actions-fieldset table,
html body .modern-page.vertidos-page .vertidos-actions-fieldset tbody,
html body .modern-page.vertidos-page .vertidos-actions-fieldset tr {
    display: grid !important;
    gap: 10px !important;
}

html body .modern-page.vertidos-page .vertidos-actions-fieldset tr {
    grid-template-columns: 1fr !important;
}

html body .modern-page.vertidos-page .vertidos-actions-fieldset td {
    display: flex !important;
    justify-content: stretch !important;
}

html body .modern-page.vertidos-page .vertidos-actions-fieldset td:empty {
    display: none !important;
}

html body .modern-page.vertidos-page .vertidos-actions-fieldset .RadButton,
html body .modern-page.vertidos-page .vertidos-actions-fieldset .RadButton .rbDecorated {
    width: 100% !important;
}

@media (max-width: 1350px) {
    html body .modern-page.vertidos-page .vertidos-info-form tbody,
    html body .modern-page.vertidos-page .vertidos-info-form tr,
    html body .modern-page.vertidos-page .vertidos-add-form tbody,
    html body .modern-page.vertidos-page .vertidos-add-form tr {
        grid-template-columns: 90px minmax(220px, 1fr) !important;
    }

    html body .modern-page.vertidos-page .vertidos-detail-layout > tbody,
    html body .modern-page.vertidos-page .vertidos-detail-layout > tbody > tr {
        grid-template-columns: 1fr !important;
    }

    html body .modern-page.vertidos-page .vertidos-actions-fieldset table,
    html body .modern-page.vertidos-page .vertidos-actions-fieldset tbody,
    html body .modern-page.vertidos-page .vertidos-actions-fieldset tr {
        align-items: center !important;
        display: flex !important;
        gap: 10px !important;
    }

    html body .modern-page.vertidos-page .vertidos-actions-fieldset .RadButton,
    html body .modern-page.vertidos-page .vertidos-actions-fieldset .RadButton .rbDecorated {
        width: auto !important;
    }
}

/* ContadoresVertidos.aspx: hard fix for Telerik edit-row wrappers. */
html body .modern-page.vertidos-page tr.rgEditForm > td:first-child,
html body .modern-page.vertidos-page .rgEditForm > td:first-child {
    background: transparent !important;
    border: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: 0 !important;
}

html body .modern-page.vertidos-page tr.rgEditForm > td:first-child:empty,
html body .modern-page.vertidos-page .rgEditForm > td:first-child:empty {
    display: none !important;
}

html body .modern-page.vertidos-page tr.rgEditForm > td,
html body .modern-page.vertidos-page .rgEditForm > td {
    background: #e9f7ff !important;
}

html body .modern-page.vertidos-page .vertidos-entry {
    background: #fff !important;
    border: 1px solid #bfdff2 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 12px 14px 14px !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .vertidos-entry h3 {
    border-bottom: 1px solid #c7e1f2 !important;
    color: #0071ad !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    margin: 0 0 12px !important;
    padding: 0 0 9px !important;
}

html body .modern-page.vertidos-page .vertidos-entry .vertidos-info-fieldset,
html body .modern-page.vertidos-page .vertidos-entry .vertidos-detail-fieldset,
html body .modern-page.vertidos-page .vertidos-entry .vertidos-actions-fieldset {
    margin-bottom: 12px !important;
}

html body .modern-page.vertidos-page .vertidos-entry .vertidos-add-form {
    margin: 0 0 12px !important;
}

html body .modern-page.vertidos-page .vertidos-entry .vertidos-add-form tbody,
html body .modern-page.vertidos-page .vertidos-entry .vertidos-add-form tr {
    align-items: center !important;
    display: grid !important;
    gap: 10px 12px !important;
    grid-template-columns: 74px 190px 62px 190px 70px 280px 14px 82px !important;
    justify-content: start !important;
}

html body .modern-page.vertidos-page .vertidos-entry .vertidos-detail-layout {
    margin: 0 !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .vertidos-entry .vertidos-detail-layout > tbody,
html body .modern-page.vertidos-page .vertidos-entry .vertidos-detail-layout > tbody > tr {
    align-items: stretch !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: minmax(780px, 1fr) 180px !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .vertidos-entry .vertidos-detail-layout > tbody > tr > td {
    width: auto !important;
}

html body .modern-page.vertidos-page .vertidos-entry .vertidos-detail-fieldset {
    min-height: 96px !important;
    padding-bottom: 10px !important;
}

html body .modern-page.vertidos-page .vertidos-entry .vertidos-detail-fieldset .RadGrid,
html body .modern-page.vertidos-page .vertidos-entry .vertidos-detail-fieldset .rgMasterTable {
    width: 100% !important;
}

html body .modern-page.vertidos-page .vertidos-entry .vertidos-detail-fieldset .rgNoRecords td {
    background: #fff !important;
    color: #5b6b7c !important;
    height: 34px !important;
    padding: 8px !important;
}

html body .modern-page.vertidos-page .vertidos-entry .vertidos-actions-fieldset {
    min-height: 96px !important;
    padding: 16px !important;
}

html body .modern-page.vertidos-page .vertidos-entry .vertidos-actions-fieldset table,
html body .modern-page.vertidos-page .vertidos-entry .vertidos-actions-fieldset tbody,
html body .modern-page.vertidos-page .vertidos-entry .vertidos-actions-fieldset tr {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .vertidos-entry .vertidos-actions-fieldset td {
    padding: 0 !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .vertidos-entry .RadDateTimePicker,
html body .modern-page.vertidos-page .vertidos-entry .RadDateTimePicker > table {
    height: 34px !important;
    width: 170px !important;
}

html body .modern-page.vertidos-page .vertidos-entry .RadDateTimePicker .RadInput,
html body .modern-page.vertidos-page .vertidos-entry .RadDateTimePicker [id$="_dateInput_wrapper"],
html body .modern-page.vertidos-page .vertidos-entry .RadDateTimePicker input.riTextBox {
    height: 34px !important;
    line-height: 34px !important;
    width: 100px !important;
}

html body .modern-page.vertidos-page .vertidos-entry .RadDateTimePicker .rcSelect {
    display: flex !important;
    height: 34px !important;
    width: 70px !important;
}

html body .modern-page.vertidos-page .vertidos-entry .RadDateTimePicker .rcCalPopup,
html body .modern-page.vertidos-page .vertidos-entry .RadDateTimePicker .rcTimePopup {
    height: 34px !important;
    line-height: 34px !important;
    width: 35px !important;
}

/* ContadoresVertidos.aspx: final visual reset for filters, create and edit states. */
html body .modern-page.vertidos-page,
html body .modern-page.vertidos-page fieldset,
html body .modern-page.vertidos-page .RadGrid,
html body .modern-page.vertidos-page .rgMasterTable,
html body .modern-page.vertidos-page .rgCommandRow,
html body .modern-page.vertidos-page .rgHeader,
html body .modern-page.vertidos-page .rgRow,
html body .modern-page.vertidos-page .rgAltRow,
html body .modern-page.vertidos-page .rgNoRecords,
html body .modern-page.vertidos-page .rgEditForm {
    background-image: none !important;
}

html body .modern-page.vertidos-page .pageTitle {
    color: #0071ad !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 8px 0 12px !important;
}

html body .modern-page.vertidos-page > fieldset {
    background: #fff !important;
    border: 1px solid #cfdde8 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    margin: 0 0 12px !important;
    padding: 16px 18px !important;
}

html body .modern-page.vertidos-page > fieldset .t-row {
    align-items: center !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: 88px 270px 88px 270px 88px 280px 150px !important;
    margin: 0 !important;
}

html body .modern-page.vertidos-page > fieldset .t-col,
html body .modern-page.vertidos-page > fieldset .key,
html body .modern-page.vertidos-page > fieldset label,
html body .modern-page.vertidos-page > fieldset td.clave {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #002b55 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    height: 36px !important;
    line-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
}

html body .modern-page.vertidos-page > fieldset .RadDatePicker,
html body .modern-page.vertidos-page > fieldset .RadDatePicker > table,
html body .modern-page.vertidos-page > fieldset .RadComboBox,
html body .modern-page.vertidos-page > fieldset .RadComboBox > table {
    background: #fff !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
    height: 36px !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

html body .modern-page.vertidos-page > fieldset .RadDatePicker,
html body .modern-page.vertidos-page > fieldset .RadDatePicker > table {
    width: 150px !important;
}

html body .modern-page.vertidos-page > fieldset [id$="ddlPunto"].RadComboBox,
html body .modern-page.vertidos-page > fieldset [id$="ddlPunto"].RadComboBox > table {
    width: 280px !important;
}

html body .modern-page.vertidos-page > fieldset .RadDatePicker td,
html body .modern-page.vertidos-page > fieldset .RadDatePicker tbody,
html body .modern-page.vertidos-page > fieldset .RadDatePicker tr,
html body .modern-page.vertidos-page > fieldset .RadComboBox td,
html body .modern-page.vertidos-page > fieldset .RadComboBox tbody,
html body .modern-page.vertidos-page > fieldset .RadComboBox tr {
    background: #fff !important;
    height: 36px !important;
    line-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
}

html body .modern-page.vertidos-page > fieldset .riTextBox,
html body .modern-page.vertidos-page > fieldset .rcbInput {
    background: #fff !important;
    border: 0 !important;
    box-sizing: border-box !important;
    height: 34px !important;
    line-height: 16px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    transform: translateY(-2px) !important;
}

html body .modern-page.vertidos-page > fieldset .rcCalPopup,
html body .modern-page.vertidos-page > fieldset .rcbArrowCell,
html body .modern-page.vertidos-page > fieldset .rcbArrowCellRight {
    background: #f8fcff !important;
    height: 36px !important;
    line-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .modern-page.vertidos-page [id$="btnBuscar"] {
    height: 34px !important;
    min-width: 145px !important;
    width: 145px !important;
}

html body .modern-page.vertidos-page .leyendaItem,
html body .modern-page.vertidos-page .leyendaItem div {
    background: transparent !important;
}

html body .modern-page.vertidos-page .RadGrid {
    background: #fff !important;
    border: 1px solid #d6e2eb !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

html body .modern-page.vertidos-page .RadGrid .rgCommandRow td,
html body .modern-page.vertidos-page .RadGrid .rgHeader,
html body .modern-page.vertidos-page .RadGrid .rgHeader a {
    background: #f7fafc !important;
    color: #002b55 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

html body .modern-page.vertidos-page .RadGrid .rgRow td,
html body .modern-page.vertidos-page .RadGrid .rgAltRow td,
html body .modern-page.vertidos-page .RadGrid .rgNoRecords td {
    background: #fff !important;
    color: #002b55 !important;
    font-size: 12px !important;
}

html body .modern-page.vertidos-page .RadGrid .rgNoRecords td:first-child,
html body .modern-page.vertidos-page .RadGrid .rgRow td:first-child,
html body .modern-page.vertidos-page .RadGrid .rgAltRow td:first-child {
    background: #fff !important;
}

html body .modern-page.vertidos-page tr.rgEditForm,
html body .modern-page.vertidos-page tr.rgEditForm > td {
    background: #e9f7ff !important;
}

html body .modern-page.vertidos-page tr.rgEditForm > td:first-child {
    background: #e9f7ff !important;
    border: 0 !important;
    padding: 0 !important;
    width: 0 !important;
}

html body .modern-page.vertidos-page .vertidos-entry {
    background: #fff !important;
    border: 1px solid #bfdff2 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    margin: 0 !important;
}

html body .modern-page.vertidos-page .vertidos-entry .vertidos-info-fieldset,
html body .modern-page.vertidos-page .vertidos-entry .vertidos-detail-fieldset,
html body .modern-page.vertidos-page .vertidos-entry .vertidos-actions-fieldset {
    background: #fff !important;
}

/* Final polish for Contadores.aspx flow pages: stable rows, lighter text and aligned Telerik date controls. */
html body .modern-page,
html body .modern-page input,
html body .modern-page select,
html body .modern-page textarea,
html body .modern-page .RadGrid,
html body .modern-page .RadButton,
html body .modern-page .RadComboBox,
html body .modern-page .RadInput,
html body .modern-page .RadPicker {
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

/* Final pass for current Telerik markup in Contadores/Waterflow pages. */
html body.modern-page,
html body.modern-page input,
html body.modern-page select,
html body.modern-page textarea,
html body.modern-page button,
html body .modern-page,
html body .modern-page input,
html body .modern-page select,
html body .modern-page textarea,
html body .modern-page button {
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-weight: 400 !important;
}

html body.modern-page .clave,
html body.modern-page label,
html body .modern-page .clave,
html body .modern-page label,
html body.modern-page .rgHeader,
html body .modern-page .rgHeader {
    font-weight: 500 !important;
}

html body.modern-page .adminTable td.clave,
html body.modern-page .adminTable label.clave,
html body.modern-page .rgEditForm td.clave,
html body.modern-page .rgEditForm label.clave,
html body.modern-page .contador-field .clave,
html body .modern-page .adminTable td.clave,
html body .modern-page .adminTable label.clave,
html body .modern-page .rgEditForm td.clave,
html body .modern-page .rgEditForm label.clave,
html body .modern-page .contador-field .clave {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-form-panel {
    padding: 16px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-form-layout {
    align-items: start !important;
    column-gap: 32px !important;
    display: grid !important;
    grid-template-columns: minmax(620px, 720px) 150px !important;
    justify-content: start !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-form-grid {
    display: grid !important;
    row-gap: 12px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-row {
    align-items: center !important;
    column-gap: 24px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-row-single {
    grid-template-columns: 1fr 1fr !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-wide {
    align-items: center !important;
    column-gap: 12px !important;
    display: grid !important;
    grid-template-columns: 120px minmax(0, 1fr) !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field .clave {
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control .RadInput,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control input.riTextBox {
    width: 100% !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .contador-field-control,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadDateTimePicker,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-picker {
    flex: 0 0 260px !important;
    width: 260px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-qr-card {
    align-self: start !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 140px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-actions {
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: 14px 48px 0 0 !important;
}

html body.modern-page .rgEditForm .contador-upload-form {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: 140px minmax(360px, 520px) auto !important;
    row-gap: 12px !important;
}

html body.modern-page .rgEditForm .contador-upload-row {
    display: contents !important;
}

html body.modern-page .rgEditForm .contador-upload-row label,
html body.modern-page .rgEditForm .contador-upload-control {
    align-items: center !important;
    display: flex !important;
    min-height: 34px !important;
}

html body.modern-page .rgEditForm .contador-upload-date .RadDateTimePicker,
html body.modern-page .rgEditForm .contador-document-date-picker {
    width: 260px !important;
}

/* Hard correction for the real Telerik markup generated in Contadores pages. */
html body.modern-page,
html body.modern-page input,
html body.modern-page button,
html body.modern-page select,
html body.modern-page textarea,
html body.modern-page .RadGrid,
html body.modern-page .RadComboBox,
html body.modern-page .RadInput,
html body.modern-page .RadButton {
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-weight: 400 !important;
}

html body.modern-page .clave,
html body.modern-page label,
html body.modern-page .formulario legend,
html body.modern-page .modern-tabs a,
html body.modern-page .contador-flow-tabs a,
html body.modern-page .RadTabStrip .rtsTxt {
    background: transparent !important;
    font-weight: 500 !important;
}

html body.modern-page .RadPicker,
html body.modern-page .RadDatePicker,
html body.modern-page .RadDateTimePicker {
    align-items: center !important;
    display: inline-flex !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    vertical-align: middle !important;
}

html body.modern-page .RadPicker .rcTable,
html body.modern-page .RadPicker .rcRow {
    align-items: center !important;
    border: 0 !important;
    display: flex !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.modern-page .RadPicker .RadInput,
html body.modern-page .RadPicker input.riTextBox {
    box-sizing: border-box !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
}

html body.modern-page .RadPicker input.riTextBox {
    padding: 0 8px !important;
}

html body.modern-page .RadPicker .rcCalPopup,
html body.modern-page .RadPicker .rcTimePopup {
    align-items: center !important;
    display: inline-flex !important;
    height: 34px !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 34px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-form-panel {
    max-width: 1040px !important;
    width: 1040px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-form-layout {
    align-items: start !important;
    column-gap: 28px !important;
    display: grid !important;
    grid-template-columns: 660px 140px !important;
    justify-content: start !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-form-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
    row-gap: 10px !important;
    width: 660px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-row {
    align-items: center !important;
    display: grid !important;
    gap: 0 22px !important;
    grid-template-columns: 1fr 1fr !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-wide {
    align-items: center !important;
    display: grid !important;
    gap: 0 10px !important;
    grid-template-columns: 116px minmax(0, 1fr) !important;
    height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    min-width: 0 !important;
    padding: 0 !important;
    position: static !important;
    width: auto !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-wide {
    grid-template-columns: 116px 1fr !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field label.clave,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-field .clave {
    background: transparent !important;
    display: block !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-width: 116px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: static !important;
    text-align: left !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    width: 116px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-field-control {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    position: static !important;
    width: 100% !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .RadInput,
html body.modern-page .rgEditForm .contador-entry-fixed .RadComboBox,
html body.modern-page .rgEditForm .contador-entry-fixed input.riTextBox,
html body.modern-page .rgEditForm .contador-entry-fixed textarea {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .contador-field-control,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadAjaxPanel,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadDateTimePicker {
    flex: 0 0 260px !important;
    max-width: 260px !important;
    width: 260px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker .rcTable,
html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadPicker .rcRow {
    align-items: center !important;
    display: flex !important;
    height: 34px !important;
    width: 260px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field .RadInput {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-date-field input.riTextBox {
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 8px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-qr-card {
    grid-column: 2 !important;
    grid-row: 1 / span 5 !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    width: 128px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-qr-card img {
    display: block !important;
    height: 120px !important;
    width: 120px !important;
}

html body.modern-page .rgEditForm .contador-entry-fixed .contador-actions {
    grid-column: 1 / span 2 !important;
    justify-content: flex-end !important;
    margin: 10px 236px 0 0 !important;
}
/* Final layout pass for Waterflow counter assignment. Keep this block after the
   generic Telerik overrides: these controls render nested wrappers that need a
   tighter layout contract. */
html body .modern-page .main-tabs a,
html body .modern-page .secondary-tabs a,
html body .modern-page .nav-menu .rmLink,
html body .modern-page .nav-menu .rmText {
    color: #12384f !important;
    font-weight: 500 !important;
}

/* Contadores de mantenimiento: evitar que el QR invada el formulario */
html body.modern-page .contador-entry .contador-field {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 120px minmax(0, 1fr) !important;
}

html body.modern-page .contador-entry .contador-field .clave,
html body.modern-page .contador-entry .contador-field label {
    align-items: center !important;
    background: transparent !important;
    display: flex !important;
    font-weight: 400 !important;
    height: 34px !important;
    justify-content: flex-end !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

html body.modern-page .contador-entry .contador-field input,
html body.modern-page .contador-entry .contador-field .RadInput,
html body.modern-page .contador-entry .contador-field .RadPicker {
    align-self: center !important;
    box-sizing: border-box !important;
    min-height: 34px !important;
}

html body.modern-page .contador-entry .contador-field .RadPicker {
    display: inline-table !important;
    overflow: visible !important;
    width: 280px !important;
}

/* Contadores: ajuste final sobre el HTML real generado por Telerik.
   Mantiene la estructura de tablas del WebForms, pero coloca cada fila
   de edición con columnas estables para evitar solapes y datepickers cortados. */
html body.modern-page,
html body.modern-page input,
html body.modern-page select,
html body.modern-page textarea,
html body.modern-page button {
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-weight: 400 !important;
}

html body.modern-page .RadComboBox .p-icon,
html body.modern-page .RadComboBox .p-i-arrow-60-down,
html body.modern-page .RadComboBox .t-icon,
html body.modern-page .controlValidator {
    display: none !important;
}

html body.modern-page .RadComboBox .rcbInner {
    background: #fff !important;
    border: 1px solid #c7ddeb !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html body.modern-page .RadComboBox .rcbActionButton {
    align-items: center !important;
    background: #fff !important;
    border: 0 !important;
    border-left: 1px solid #dbeaf3 !important;
    display: inline-flex !important;
    height: 100% !important;
    justify-content: center !important;
    min-width: 34px !important;
    width: 34px !important;
}

html body.modern-page .RadComboBox .rcbActionButton::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #0b4367;
    content: "";
    display: block;
    height: 0;
    width: 0;
}

html body.modern-page .RadPicker > input.rdfd_,
html body.modern-page .RadPicker > input[type="text"][style*="visibility: hidden"],
html body.modern-page .RadPicker > input[type="hidden"] {
    display: none !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-qr-cell {
    padding-left: 120px !important;
    width: 320px !important;
}

html body.modern-page .rgEditForm .contador-entry .contador-qr-cell img,
html body.modern-page .rgEditForm .contador-entry .contador-qr-cell svg {
    display: block !important;
    margin-left: 70px !important;
    max-height: 132px !important;
    max-width: 132px !important;
}

html body.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"],
html body.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="FechaDocumento"],
html body.modern-page .rgEditForm .contador-entry .RadDatePicker[id*="FechaDocumento"] {
    min-width: 350px !important;
    width: 350px !important;
}

html body.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="rdpF_U_LECTURA"] .riTextBox,
html body.modern-page .rgEditForm .contador-entry .RadDateTimePicker[id*="FechaDocumento"] .riTextBox,
html body.modern-page .rgEditForm .contador-entry .RadDatePicker[id*="FechaDocumento"] .riTextBox {
    min-width: 272px !important;
    width: 272px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-form-panel {
    max-width: 1180px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-form-layout {
    align-items: start !important;
    column-gap: 120px !important;
    display: grid !important;
    grid-template-columns: minmax(700px, 780px) 170px !important;
    justify-content: start !important;
    max-width: 100% !important;
    width: 1070px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-form-grid {
    grid-column: 1 !important;
    max-width: 780px !important;
    min-width: 700px !important;
    position: relative !important;
    z-index: 2 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-field-row,
html body.modern-page .contador-entry.contador-entry-fixed .contador-reading-row {
    column-gap: 46px !important;
    display: grid !important;
    grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr) !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card {
    align-self: start !important;
    grid-column: 2 !important;
    justify-self: start !important;
    margin: 18px 0 0 !important;
    max-width: 150px !important;
    min-width: 150px !important;
    position: static !important;
    width: 150px !important;
    z-index: 1 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card table,
html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card img,
html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card canvas,
html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card svg {
    max-height: 150px !important;
    max-width: 150px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-form-panel {
    max-width: none !important;
    overflow: visible !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-form-layout {
    align-items: start !important;
    column-gap: 120px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 660px) 180px !important;
    justify-content: start !important;
    max-width: 100% !important;
    width: 960px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-form-grid {
    grid-column: 1 !important;
    max-width: 660px !important;
    min-width: 0 !important;
    width: 660px !important;
    z-index: 2 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-field-row,
html body.modern-page .contador-entry.contador-entry-fixed .contador-reading-row {
    column-gap: 30px !important;
    grid-template-columns: minmax(0, 300px) minmax(0, 300px) !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-field {
    column-gap: 12px !important;
    grid-template-columns: 105px minmax(0, 1fr) !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-field label.clave {
    min-width: 105px !important;
    padding: 0 !important;
    white-space: nowrap !important;
    width: 105px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-field .contador-field-control,
html body.modern-page .contador-entry.contador-entry-fixed .contador-field .RadAjaxPanel,
html body.modern-page .contador-entry.contador-entry-fixed .contador-field input,
html body.modern-page .contador-entry.contador-entry-fixed .contador-field .RadInput,
html body.modern-page .contador-entry.contador-entry-fixed .contador-field .RadComboBox,
html body.modern-page .contador-entry.contador-entry-fixed .contador-field .RadPicker {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card {
    grid-column: 2 !important;
    justify-self: start !important;
    margin: 18px 0 0 !important;
    max-width: 150px !important;
    min-width: 150px !important;
    position: relative !important;
    transform: translateX(30px) !important;
    width: 150px !important;
    z-index: 0 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-actions {
    grid-column: 1 / 3 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-form-layout {
    column-gap: 180px !important;
    grid-template-columns: minmax(0, 660px) 170px !important;
    width: 1010px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-form-grid {
    max-width: 660px !important;
    width: 660px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-field-row,
html body.modern-page .contador-entry.contador-entry-fixed .contador-reading-row {
    column-gap: 24px !important;
    grid-template-columns: minmax(0, 310px) minmax(0, 310px) !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card {
    grid-column: 2 !important;
    justify-self: start !important;
    margin: 18px 0 0 !important;
    max-width: 150px !important;
    position: relative !important;
    transform: none !important;
    z-index: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-form-panel,
html body.modern-page .contador-entry.contador-entry-fixed .contador-form-panel {
    max-width: none !important;
    overflow: visible !important;
}

html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-form-layout,
html body.modern-page .contador-entry.contador-entry-fixed .contador-form-layout {
    align-items: start !important;
    column-gap: 320px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 680px) 150px !important;
    justify-content: start !important;
    max-width: none !important;
    overflow: visible !important;
    width: 1150px !important;
}

html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-form-grid,
html body.modern-page .contador-entry.contador-entry-fixed .contador-form-grid {
    grid-column: 1 !important;
    max-width: 680px !important;
    width: 680px !important;
    z-index: 2 !important;
}

html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-field-row,
html body.modern-page .contador-entry.contador-entry-fixed .contador-field-row,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-reading-row,
html body.modern-page .contador-entry.contador-entry-fixed .contador-reading-row {
    column-gap: 28px !important;
    grid-template-columns: minmax(0, 320px) minmax(0, 320px) !important;
}

html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-field,
html body.modern-page .contador-entry.contador-entry-fixed .contador-field {
    grid-template-columns: 108px minmax(0, 1fr) !important;
}

html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-qr-card,
html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card {
    grid-column: 2 !important;
    grid-row: 1 / span 5 !important;
    justify-self: start !important;
    margin: 26px 0 0 !important;
    max-width: 150px !important;
    min-width: 150px !important;
    position: static !important;
    transform: none !important;
    width: 150px !important;
    z-index: 1 !important;
}

html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-qr-card img,
html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card img {
    height: auto !important;
    max-width: 150px !important;
    width: 150px !important;
}

/* Final pass 20260705: contador data panel, hydrant menu/upload/export dates. */
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .RadMultiPage .rmpView:first-child fieldset,
html body.modern-page .contador-entry.contador-entry-fixed .RadMultiPage .rmpView:first-child fieldset,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .RadMultiPage fieldset:first-of-type,
html body.modern-page .contador-entry.contador-entry-fixed .RadMultiPage fieldset:first-of-type {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0 !important;
}

html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .RadMultiPage .rmpView:first-child fieldset > legend,
html body.modern-page .contador-entry.contador-entry-fixed .RadMultiPage .rmpView:first-child fieldset > legend,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .RadMultiPage fieldset:first-of-type > legend,
html body.modern-page .contador-entry.contador-entry-fixed .RadMultiPage fieldset:first-of-type > legend {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid #009fe3 !important;
    box-sizing: border-box !important;
    color: #006f9f !important;
    display: block !important;
    float: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    margin: 0 0 14px !important;
    padding: 0 0 6px !important;
    width: 100% !important;
}

html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-form-panel,
html body.modern-page .contador-entry.contador-entry-fixed .contador-form-panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0 !important;
}

/* Maintenance/Contadores.aspx: restore a clean blue grouping fieldset in the ficha. */
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .RadMultiPage .rmpView:first-child fieldset,
html body.modern-page .contador-entry.contador-entry-fixed .RadMultiPage .rmpView:first-child fieldset,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .RadMultiPage fieldset:first-of-type,
html body.modern-page .contador-entry.contador-entry-fixed .RadMultiPage fieldset:first-of-type {
    background: #fff !important;
    border: 1px solid #b9dff2 !important;
    border-top: 2px solid #02a9e6 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    margin: 8px 0 12px !important;
    padding: 18px 18px 58px !important;
    width: 100% !important;
}

html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .RadMultiPage .rmpView:first-child fieldset > legend,
html body.modern-page .contador-entry.contador-entry-fixed .RadMultiPage .rmpView:first-child fieldset > legend,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .RadMultiPage fieldset:first-of-type > legend,
html body.modern-page .contador-entry.contador-entry-fixed .RadMultiPage fieldset:first-of-type > legend {
    background: #fff !important;
    border: 0 !important;
    color: #0077a8 !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    padding: 0 8px !important;
    width: auto !important;
}

html body .installation-module-menu .rmGroup .rmLink,
html body .installation-module-menu .rmGroup .rmText,
html body .RadMenu .rmGroup .rmLink,
html body .RadMenu .rmGroup .rmText {
    font-weight: 400 !important;
}

html body .installation-module-menu .rmRootLink,
html body .installation-module-menu .rmRootLink .rmText {
    font-weight: 500 !important;
}
/* === Contadores flow final real-DOM layout fixes === */
html body.modern-page,
html body.modern-page * {
    box-sizing: border-box;
}

html body.modern-page {
    font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
    font-weight: 400 !important;
}

html body.modern-page .installation-module-menu .rmRootLink,
html body.modern-page .installation-module-menu .rmRootLink .rmText {
    font-weight: 500 !important;
}

html body.modern-page .installation-module-menu .rmGroup .rmLink,
html body.modern-page .installation-module-menu .rmGroup .rmText,
html body.modern-page .installation-module-menu .rmSlide .rmLink,
html body.modern-page .installation-module-menu .rmSlide .rmText,
html body.modern-page .RadMenu .rmGroup .rmLink,
html body.modern-page .RadMenu .rmGroup .rmText {
    font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
    font-weight: 400 !important;
    color: #12384f !important;
}

html body.modern-page .import-lecturas-grid,
html body.modern-page .export-flujos-row {
    display: grid !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #fff !important;
}

html body.modern-page .import-lecturas-grid {
    grid-template-columns: 118px minmax(0, 1fr) 86px minmax(80px, 1fr) 96px !important;
    gap: 12px 14px !important;
}

html body.modern-page .import-lecturas-grid .ruInputs,
html body.modern-page .import-lecturas-grid .RadUpload {
    width: 100% !important;
    max-width: 100% !important;
}

html body.modern-page .import-lecturas-grid .ruFileInput,
html body.modern-page .import-lecturas-grid .ruFakeInput {
    width: 100% !important;
    height: 34px !important;
    border: 1px solid #c6dcec !important;
    border-radius: 7px !important;
    background: #fff !important;
}

html body.modern-page .import-lecturas-grid .ruBrowse,
html body.modern-page .import-lecturas-grid input[type="button"],
html body.modern-page .import-lecturas-grid button {
    min-width: 86px !important;
    height: 34px !important;
    border: 1px solid #c6dcec !important;
    border-radius: 7px !important;
    background: #f6fbff !important;
    color: #07314c !important;
    font-weight: 500 !important;
}

html body.modern-page .import-lecturas-grid .ruBrowse:empty::after {
    content: "Seleccionar";
}

html body.modern-page .import-lecturas-grid .import-actions {
    justify-self: end !important;
}

html body.modern-page .export-flujos-row {
    grid-template-columns: 110px minmax(220px, 260px) 100px minmax(220px, 260px) auto !important;
    gap: 12px 18px !important;
    padding: 10px 0 6px !important;
}

html body.modern-page .export-flujos-row label,
html body.modern-page .export-flujos-row .clave {
    justify-content: flex-end !important;
}

html body.modern-page .export-flujos-row .RadPicker {
    width: 100% !important;
}

html body.modern-page .export-flujos-row .RadDatePicker .rcSelect {
    width: 34px !important;
    min-width: 34px !important;
}

html body.modern-page .export-flujos-row .RadDatePicker .rcTimePopup,
html body.modern-page .export-flujos-row .rcTimePopup {
    display: none !important;
}

html body.modern-page .export-flujos-row .btn,
html body.modern-page .export-flujos-row input[type="submit"],
html body.modern-page .export-flujos-row button {
    position: static !important;
    justify-self: start !important;
    min-width: 130px !important;
    height: 36px !important;
    margin: 0 !important;
}

@media (max-width: 1200px) {

    html body.modern-page .export-flujos-row {
        grid-template-columns: 110px minmax(180px, 1fr) 100px minmax(180px, 1fr) !important;
    }

    html body.modern-page .export-flujos-row input[type="submit"],
    html body.modern-page .export-flujos-row button,
    html body.modern-page .export-flujos-row .btn {
        grid-column: 2 / -1 !important;
    }
}

/* === Contadores flow hard override: generated Telerik markup === */
html body.modern-page .rgEditRow,
html body.modern-page .rgEditRow > td,
html body.modern-page .RadGrid .rgEditRow,
html body.modern-page .RadGrid .rgEditRow td {
    background: #fff !important;
}

html body.modern-page .installation-module-menu .rmSlide .rmGroup,
html body.modern-page .installation-module-menu .rmSlide .rmItem,
html body.modern-page .installation-module-menu .rmSlide .rmLink,
html body.modern-page .installation-module-menu .rmSlide .rmText,
html body.modern-page .installation-module-menu .rmLevel1 .rmText,
html body.modern-page .installation-module-menu .rmLevel2 .rmText {
    color: #0b3150 !important;
    font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

html body.modern-page .installation-module-menu .rmSlide .rmItem:hover > .rmLink,
html body.modern-page .installation-module-menu .rmSlide .rmFocused > .rmLink {
    font-weight: 500 !important;
}

html body.modern-page .installation-module-menu .rmRootLink,
html body.modern-page .installation-module-menu .rmRootLink .rmText,
html body.modern-page .installation-module-menu .rmLink,
html body.modern-page .installation-module-menu .rmText {
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-weight: 400 !important;
    text-shadow: none !important;
}

html body.modern-page .installation-module-menu .rmRootLink.rmSelected,
html body.modern-page .installation-module-menu .rmRootLink.rmFocused,
html body.modern-page .installation-module-menu .rmRootLink:hover {
    font-weight: 500 !important;
}

html body.modern-page .installation-module-menu .rmSlide .rmGroup,
html body.modern-page .installation-module-menu .rmSlide .rmItem,
html body.modern-page .installation-module-menu .rmSlide .rmLink,
html body.modern-page .installation-module-menu .rmSlide .rmText,
html body.modern-page .installation-module-menu .rmGroup .rmLink,
html body.modern-page .installation-module-menu .rmGroup .rmText {
    color: #16445f !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

html body.modern-page .installation-module-menu .rmSlide .rmItem:hover > .rmLink,
html body.modern-page .installation-module-menu .rmSlide .rmFocused > .rmLink,
html body.modern-page .installation-module-menu .rmGroup .rmLink:hover {
    background: #e7f6fd !important;
    color: #073f61 !important;
    font-weight: 400 !important;
}
/* Modern form controls v1: reusable sizes and a 12-column migration grid. */
html body.modern-page .ga-field {
    align-content: start !important;
    display: grid !important;
    gap: 7px !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body.modern-page .ga-field-sm {
    max-width: 180px !important;
}

html body.modern-page .ga-field-md {
    max-width: 320px !important;
}

html body.modern-page .ga-field-lg {
    max-width: 680px !important;
}

html body.modern-page .ga-field-full {
    max-width: none !important;
}

html body.modern-page .ga-label {
    background: transparent !important;
    color: #174b6d !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: auto !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
}

html body.modern-page .ga-modern-input,
html body.modern-page .contador-entry.contador-entry-fixed .ga-modern-input,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .ga-modern-input,
html.RadForm body.modern-page input.ga-modern-input.rfdTextInput,
html.RadForm body.modern-page textarea.ga-modern-input {
    background: #fff !important;
    border: 1px solid #a8d2e8 !important;
    border-radius: 7px !important;
    box-shadow: 0 1px 2px rgba(28, 66, 91, 0.06) !important;
    color: #17344a !important;
    font-size: 14px !important;
    height: 38px !important;
    line-height: 22px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 8px 11px !important;
    width: 100% !important;
}

html body.modern-page .ga-modern-input:focus {
    border-color: #009ad6 !important;
    box-shadow: 0 0 0 3px rgba(0, 154, 214, 0.16) !important;
}

html body.modern-page textarea.ga-modern-input {
    height: auto !important;
    min-height: 92px !important;
}

html body.modern-page .ga-modern-textarea {
    min-height: 110px !important;
    resize: vertical !important;
}

html body.modern-page .ga-select-shell {
    position: relative !important;
}

html body.modern-page .ga-modern-select {
    appearance: none !important;
    padding-right: 36px !important;
}

html body.modern-page .ga-select-arrow {
    border-color: #536575 transparent transparent transparent !important;
    border-style: solid !important;
    border-width: 5px 5px 0 5px !important;
    height: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 12px !important;
    top: 17px !important;
    width: 0 !important;
}

html body.modern-page .ga-check {
    align-items: center !important;
    color: #17344a !important;
    display: inline-flex !important;
    gap: 9px !important;
    min-height: 34px !important;
}

html body.modern-page .ga-modern-check {
    display: inline-flex !important;
    height: auto !important;
    width: auto !important;
}

html body.modern-page .ga-modern-check input,
html body.modern-page input.ga-modern-check {
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
    accent-color: #008fc7 !important;
    display: inline-block !important;
    height: 18px !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: static !important;
    vertical-align: middle !important;
    visibility: visible !important;
    width: 18px !important;
}

html body.modern-page .ga-modern-check label {
    display: none !important;
}

html body.modern-page .ga-check-label {
    font-size: 13px !important;
    font-weight: 500 !important;
}

html body.modern-page .ga-date-control {
    position: relative !important;
}

html body.modern-page .ga-date-control .ga-modern-input {
    padding-right: 42px !important;
}

html body.modern-page .ga-date-icon {
    align-items: center !important;
    background: #f3fbff !important;
    border-left: 1px solid #c8e4f2 !important;
    border-radius: 0 7px 7px 0 !important;
    bottom: 1px !important;
    display: flex !important;
    justify-content: center !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 1px !important;
    top: 1px !important;
    width: 38px !important;
}

html body.modern-page .ui-datepicker {
    z-index: 200000 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-form-layout,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-form-layout {
    align-items: start !important;
    display: grid !important;
    gap: 28px !important;
    grid-template-columns: minmax(0, 1fr) 180px !important;
    margin: 0 !important;
    max-width: 1180px !important;
    width: 100% !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-form-grid,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-form-grid {
    align-items: start !important;
    display: grid !important;
    gap: 18px 24px !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-field-row,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-field-row,
html body.modern-page .contador-entry.contador-entry-fixed .contador-field-row-single,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-field-row-single {
    display: contents !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-field,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-field {
    display: block !important;
    grid-column: span 4 !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-field-wide,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-field-wide {
    grid-column: span 8 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-field-span-3,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-field-span-3 {
    grid-column: span 3 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-field-span-4,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-field-span-4 {
    grid-column: span 4 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-field-span-6,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-field-span-6 {
    grid-column: span 6 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-date-field,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-date-field {
    grid-column: span 4 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-qr-card {
    align-self: start !important;
    justify-self: center !important;
    margin-top: 30px !important;
    position: static !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-row .ga-field {
    max-width: 520px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-row-textarea .ga-field {
    max-width: 680px !important;
}

@media (max-width: 900px) {
    html body.modern-page .contador-entry.contador-entry-fixed .contador-form-layout,
    html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-form-layout {
        grid-template-columns: 1fr !important;
    }

    html body.modern-page .contador-entry.contador-entry-fixed .contador-field,
    html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-field,
    html body.modern-page .contador-entry.contador-entry-fixed .contador-field-wide,
    html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-field-wide {
        grid-column: span 12 !important;
    }
}

/* Modern date picker: Syncfusion-like shell, built in-house. */
html body.modern-page .ga-picker-shell {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #9ca3af !important;
    border-radius: 3px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 30px 28px 28px !important;
    height: 34px !important;
    max-width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    transition: border-color 120ms ease, box-shadow 120ms ease !important;
    width: 100% !important;
}

html body.modern-page .ga-picker-shell:focus-within {
    border-color: #0078d4 !important;
    border-bottom-color: #0078d4 !important;
    border-bottom-width: 2px !important;
    box-shadow: 0 1px 0 rgba(0, 120, 212, 0.12) !important;
}

html body.modern-page .ga-picker-shell .ga-modern-input,
html body.modern-page .contador-entry.contador-entry-fixed .ga-picker-shell .ga-modern-input,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .ga-picker-shell .ga-modern-input,
html.RadForm body.modern-page .ga-picker-shell .ga-modern-input.rfdTextInput {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #1f2933 !important;
    font-size: 13px !important;
    height: 32px !important;
    line-height: 22px !important;
    padding: 5px 8px !important;
    width: 100% !important;
}

html body.modern-page .ga-picker-shell .ga-modern-input:focus {
    border: 0 !important;
    box-shadow: none !important;
}

html body.modern-page .ga-picker-clear,
html body.modern-page .ga-picker-button {
    align-items: center !important;
    align-self: stretch !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    position: relative !important;
    width: auto !important;
}

html body.modern-page .ga-picker-button {
    cursor: default !important;
}

html body.modern-page .ga-picker-clear:hover,
html body.modern-page .ga-picker-calendar:hover {
    background: #f3f7fa !important;
}

html body.modern-page .ga-picker-clear::before,
html body.modern-page .ga-picker-clear::after {
    background: #4f5f6d !important;
    content: "" !important;
    height: 13px !important;
    position: absolute !important;
    width: 1px !important;
}

html body.modern-page .ga-picker-clear::before {
    transform: rotate(45deg) !important;
}

html body.modern-page .ga-picker-clear::after {
    transform: rotate(-45deg) !important;
}

html body.modern-page .ga-picker-calendar::before {
    border: 1px solid #536575 !important;
    border-radius: 1px !important;
    content: "" !important;
    height: 12px !important;
    position: absolute !important;
    width: 12px !important;
}

html body.modern-page .ga-picker-calendar::after {
    background: #536575 !important;
    box-shadow: 0 4px 0 #d6dde3 !important;
    content: "" !important;
    height: 1px !important;
    margin-top: -5px !important;
    position: absolute !important;
    width: 10px !important;
}

html body.modern-page .ga-picker-time::before {
    border: 1px solid #536575 !important;
    border-radius: 50% !important;
    content: "" !important;
    height: 13px !important;
    position: absolute !important;
    width: 13px !important;
}

html body.modern-page .ga-picker-time::after {
    border-bottom: 1px solid #536575 !important;
    border-left: 1px solid #536575 !important;
    content: "" !important;
    height: 4px !important;
    margin-left: 2px !important;
    margin-top: -2px !important;
    position: absolute !important;
    width: 4px !important;
}

html body.modern-page .ga-date-icon {
    display: none !important;
}

html body.modern-page .ga-datepicker-popup.ui-datepicker,
html body.modern-page #ui-datepicker-div.ga-datepicker-popup {
    background: #fff !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.20) !important;
    color: #2f3a45 !important;
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
    margin-top: 4px !important;
    padding: 12px 14px 14px !important;
    width: 246px !important;
    z-index: 200000 !important;
}

html body.modern-page .ga-datepicker-popup .ui-datepicker-header {
    background: transparent !important;
    border: 0 !important;
    color: #1f2933 !important;
    font-weight: 700 !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
}

html body.modern-page .ga-datepicker-popup .ui-datepicker-title {
    font-size: 13px !important;
    line-height: 26px !important;
    margin: 0 34px !important;
    text-align: left !important;
}

html body.modern-page .ga-datepicker-popup .ui-datepicker-prev,
html body.modern-page .ga-datepicker-popup .ui-datepicker-next {
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    height: 26px !important;
    top: 0 !important;
    width: 26px !important;
}

html body.modern-page .ga-datepicker-popup .ui-datepicker-prev {
    left: auto !important;
    right: 30px !important;
}

html body.modern-page .ga-datepicker-popup .ui-datepicker-next {
    right: 0 !important;
}

html body.modern-page .ga-datepicker-popup .ui-datepicker-prev span,
html body.modern-page .ga-datepicker-popup .ui-datepicker-next span {
    background: none !important;
    border-color: #9aa6b2 !important;
    border-style: solid !important;
    border-width: 0 1px 1px 0 !important;
    height: 9px !important;
    margin: -5px 0 0 -5px !important;
    width: 9px !important;
}

html body.modern-page .ga-datepicker-popup .ui-datepicker-prev span {
    transform: rotate(135deg) !important;
}

html body.modern-page .ga-datepicker-popup .ui-datepicker-next span {
    transform: rotate(-45deg) !important;
}

html body.modern-page .ga-datepicker-popup table {
    border-collapse: collapse !important;
    font-size: 12px !important;
    margin: 0 !important;
    table-layout: fixed !important;
    width: 100% !important;
}

html body.modern-page .ga-datepicker-popup th {
    color: #374151 !important;
    font-weight: 600 !important;
    padding: 6px 0 8px !important;
    text-align: center !important;
}

html body.modern-page .ga-datepicker-popup td {
    border: 0 !important;
    padding: 2px !important;
    text-align: center !important;
}

html body.modern-page .ga-datepicker-popup td a,
html body.modern-page .ga-datepicker-popup td span {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #2f3a45 !important;
    display: inline-flex !important;
    height: 30px !important;
    justify-content: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
    width: 30px !important;
}

html body.modern-page .ga-datepicker-popup td a:hover {
    background: #e8f3fb !important;
    color: #0b5f9c !important;
}

html body.modern-page .ga-datepicker-popup .ui-datepicker-other-month a,
html body.modern-page .ga-datepicker-popup .ui-datepicker-other-month span {
    color: #b7c0c8 !important;
}

html body.modern-page .ga-datepicker-popup .ui-datepicker-current-day a,
html body.modern-page .ga-datepicker-popup .ui-state-active {
    background: #0078d4 !important;
    color: #fff !important;
    font-weight: 700 !important;
}

.ga-calendar-popup {
    background: #fff;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.22);
    color: #2f3a45;
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif;
    padding: 14px 16px 12px;
    position: fixed;
    width: 248px;
    z-index: 200000;
}

.ga-calendar-head {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px 28px;
    margin-bottom: 12px;
}

.ga-calendar-head strong {
    color: #1f2933;
    font-size: 13px;
    font-weight: 700;
    line-height: 28px;
}

.ga-calendar-nav {
    background: transparent;
    border: 0;
    cursor: pointer;
    height: 28px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 28px;
}

.ga-calendar-nav::before {
    border-color: #9aa6b2;
    border-style: solid;
    border-width: 0 1px 1px 0;
    content: "";
    height: 9px;
    left: 10px;
    position: absolute;
    top: 9px;
    transform: rotate(135deg);
    width: 9px;
}

.ga-calendar-next::before {
    left: 7px;
    transform: rotate(-45deg);
}

.ga-calendar-week,
.ga-calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.ga-calendar-week span {
    color: #374151;
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 8px;
    text-align: center;
}

.ga-calendar-day {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 50%;
    color: #2f3a45;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    height: 30px;
    justify-content: center;
    margin: 1px auto;
    padding: 0;
    width: 30px;
}

.ga-calendar-day:hover {
    background: #e8f3fb;
    color: #0b5f9c;
}

.ga-calendar-day.is-muted {
    color: #b7c0c8;
}

.ga-calendar-day.is-today {
    box-shadow: inset 0 0 0 1px #0078d4;
}

.ga-calendar-day.is-selected {
    background: #0078d4;
    color: #fff;
    font-weight: 700;
}

.ga-calendar-foot {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

.ga-calendar-today {
    background: transparent;
    border: 0;
    color: #2f3a45;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 2px;
}

/* Modern controls v1: capa estable para migrar formularios sin depender de Telerik. */
html body.modern-page .ga-field {
    display: block !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

html body.modern-page .ga-field-sm {
    width: 160px !important;
}

html body.modern-page .ga-field-md {
    width: 240px !important;
}

html body.modern-page .ga-field-lg {
    width: 440px !important;
}

html body.modern-page .ga-field-full {
    width: 100% !important;
}

html body.modern-page .ga-label {
    color: #004d73 !important;
    display: block !important;
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    margin: 0 0 6px !important;
    min-height: 16px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body.modern-page .ga-field-required .ga-label::after {
    color: #d92d20 !important;
    content: " *" !important;
}

html body.modern-page .ga-field-error {
    clip: rect(0 0 0 0) !important;
    border: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

html.RadForm body.modern-page input.ga-modern-input,
html.RadForm body.modern-page textarea.ga-modern-input,
html.RadForm body.modern-page select.ga-modern-input,
html body.modern-page .ga-modern-input {
    background: #fff !important;
    border: 1px solid #a8d2e8 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #00324a !important;
    display: block !important;
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    height: 34px !important;
    line-height: 18px !important;
    margin: 0 !important;
    min-width: 0 !important;
    outline: 0 !important;
    padding: 7px 10px !important;
    width: 100% !important;
}

html body.modern-page .ga-modern-input:focus {
    border-color: #009ad6 !important;
    box-shadow: 0 0 0 3px rgba(0, 154, 214, 0.16) !important;
}

html body.modern-page textarea.ga-modern-input {
    height: auto !important;
    min-height: 96px !important;
    resize: vertical !important;
}

html body.modern-page .ga-control.ga-picker-shell {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #a8d2e8 !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 26px 26px 26px !important;
    height: 34px !important;
    overflow: visible !important;
    width: 100% !important;
}

html body.modern-page .ga-picker-shell:focus-within {
    border-color: #009ad6 !important;
    box-shadow: 0 0 0 3px rgba(0, 154, 214, 0.16) !important;
}

html.RadForm body.modern-page .ga-picker-shell input.ga-modern-input,
html body.modern-page .ga-picker-shell .ga-modern-input {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 32px !important;
    padding: 7px 8px 7px 10px !important;
}

html body.modern-page .ga-picker-clear,
html body.modern-page .ga-picker-button {
    align-items: center !important;
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 1px solid #d8e8f2 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    display: inline-flex !important;
    height: 32px !important;
    justify-content: center !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    position: relative !important;
    width: 26px !important;
}

html body.modern-page .ga-picker-clear::before,
html body.modern-page .ga-picker-clear::after {
    background: #647989 !important;
    content: "" !important;
    height: 12px !important;
    left: 12px !important;
    position: absolute !important;
    top: 10px !important;
    width: 1px !important;
}

html body.modern-page .ga-picker-clear::before {
    transform: rotate(45deg) !important;
}

html body.modern-page .ga-picker-clear::after {
    transform: rotate(-45deg) !important;
}

html body.modern-page .ga-picker-calendar::before {
    border: 1px solid #536575 !important;
    border-radius: 2px !important;
    content: "" !important;
    height: 12px !important;
    width: 12px !important;
}

html body.modern-page .ga-picker-time::before {
    border: 1px solid #536575 !important;
    border-radius: 50% !important;
    content: "" !important;
    height: 13px !important;
    width: 13px !important;
}

html body.modern-page .ga-picker-time::after {
    border-bottom: 1px solid #536575 !important;
    border-left: 1px solid #536575 !important;
    content: "" !important;
    height: 4px !important;
    left: 13px !important;
    position: absolute !important;
    top: 14px !important;
    width: 4px !important;
}

html body.modern-page .ga-calendar-popup {
    background: #fff !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.24) !important;
    box-sizing: border-box !important;
    color: #2f3a45 !important;
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
    padding: 14px 16px 12px !important;
    position: fixed !important;
    width: 248px !important;
    z-index: 2147483000 !important;
}

/* Modern form layout v1: cada celda mantiene label + control juntos. */
html body.modern-page .ga-form-grid,
html body.modern-page .rgEditForm .ga-form-grid {
    align-items: start !important;
    display: grid !important;
    gap: 18px 20px !important;
    grid-auto-flow: row !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: static !important;
    width: 100% !important;
}

html body.modern-page .ga-form-cell,
html body.modern-page .rgEditForm .ga-form-cell {
    align-self: start !important;
    display: block !important;
    float: none !important;
    grid-column: span 3 !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 58px !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    width: auto !important;
}

html body.modern-page .ga-form-cell.ga-col-3,
html body.modern-page .rgEditForm .ga-form-cell.ga-col-3 {
    grid-column: span 3 !important;
}

html body.modern-page .ga-form-cell.ga-col-4,
html body.modern-page .rgEditForm .ga-form-cell.ga-col-4 {
    grid-column: span 4 !important;
}

html body.modern-page .ga-form-cell.ga-col-6,
html body.modern-page .rgEditForm .ga-form-cell.ga-col-6 {
    grid-column: span 6 !important;
}

html body.modern-page .ga-form-cell.ga-col-8,
html body.modern-page .rgEditForm .ga-form-cell.ga-col-8 {
    grid-column: span 8 !important;
}

html body.modern-page .ga-form-cell.ga-col-12,
html body.modern-page .rgEditForm .ga-form-cell.ga-col-12 {
    grid-column: span 12 !important;
}

html body.modern-page .ga-form-cell > .ga-field,
html body.modern-page .rgEditForm .ga-form-cell > .ga-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    height: auto !important;
    margin: 0 !important;
    max-width: none !important;
    min-height: 58px !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    width: 100% !important;
}

html body.modern-page .ga-form-cell .ga-label,
html body.modern-page .rgEditForm .ga-form-cell .ga-label {
    background: transparent !important;
    color: #004d73 !important;
    display: block !important;
    float: none !important;
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    height: 16px !important;
    left: auto !important;
    line-height: 16px !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-height: 16px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: static !important;
    right: auto !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    top: auto !important;
    transform: none !important;
    white-space: nowrap !important;
    width: 100% !important;
}

html body.modern-page .ga-form-cell .ga-control:not(.ga-picker-shell),
html body.modern-page .rgEditForm .ga-form-cell .ga-control:not(.ga-picker-shell) {
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    width: 100% !important;
}

html body.modern-page .ga-form-cell .ga-modern-input,
html body.modern-page .ga-form-cell .ga-picker-shell,
html body.modern-page .rgEditForm .ga-form-cell .ga-modern-input,
html body.modern-page .rgEditForm .ga-form-cell .ga-picker-shell {
    width: 100% !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-form-layout,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-form-layout {
    align-items: start !important;
    display: grid !important;
    gap: 34px !important;
    grid-template-columns: minmax(720px, 780px) 180px !important;
    justify-content: start !important;
    margin: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    width: auto !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-form-grid,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-form-grid {
    grid-column: 1 !important;
    min-width: 0 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-qr-card {
    align-self: start !important;
    grid-column: 2 !important;
    justify-self: center !important;
    margin: 28px 0 0 !important;
    position: static !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-actions,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-actions {
    margin-left: 415px !important;
    margin-top: 28px !important;
}

/* Contadores: plantilla concreta para que labels y cajas no dependan del grid viejo. */
html body.modern-page .contador-entry.contador-entry-fixed .contador-form-layout,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-form-layout {
    display: grid !important;
    grid-template-columns: 790px 150px !important;
    column-gap: 82px !important;
    align-items: start !important;
    justify-content: start !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-form-grid,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-form-grid {
    display: grid !important;
    grid-template-columns: 300px 200px 250px !important;
    grid-auto-rows: minmax(60px, auto) !important;
    gap: 18px 20px !important;
    align-items: start !important;
    width: 790px !important;
    max-width: 790px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-field,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-field {
    grid-column: auto !important;
    min-height: 60px !important;
    position: static !important;
    width: auto !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-cell-desc,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-cell-desc {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-cell-serie,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-cell-serie {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-cell-ubicacion0,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-cell-ubicacion0 {
    grid-column: 1 / 2 !important;
    grid-row: 2 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-cell-ubicacion1,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-cell-ubicacion1 {
    grid-column: 2 / 3 !important;
    grid-row: 2 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-cell-wgm,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-cell-wgm {
    grid-column: 3 / 4 !important;
    grid-row: 2 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-cell-valor,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-cell-valor {
    grid-column: 1 / 2 !important;
    grid-row: 3 !important;
    width: 150px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-cell-lectura,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-cell-lectura {
    grid-column: 2 / 3 !important;
    grid-row: 3 !important;
    width: 150px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-cell-fecha,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-cell-fecha {
    grid-column: 3 / 4 !important;
    grid-row: 3 !important;
    width: 250px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .ga-form-cell > .ga-field,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .ga-form-cell > .ga-field {
    display: grid !important;
    grid-template-rows: 16px 34px auto !important;
    row-gap: 6px !important;
    min-height: 56px !important;
    width: 100% !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .ga-form-cell .ga-control:not(.ga-picker-shell),
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .ga-form-cell .ga-control:not(.ga-picker-shell) {
    display: block !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .ga-form-cell .ga-picker-shell,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .ga-form-cell .ga-picker-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 26px 26px 26px !important;
    height: 34px !important;
    min-height: 34px !important;
    overflow: hidden !important;
    width: 100% !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .ga-picker-shell .ga-modern-input,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .ga-picker-shell .ga-modern-input {
    min-width: 0 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-qr-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    margin-top: 26px !important;
    width: 130px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card svg,
html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card img,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-qr-card svg,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-qr-card img {
    display: block !important;
    max-height: 120px !important;
    max-width: 120px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-actions,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-actions {
    margin-left: 415px !important;
    margin-top: 26px !important;
}

html body.modern-page .ga-time-popup {
    background: #fff !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.24) !important;
    box-sizing: border-box !important;
    color: #2f3a45 !important;
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
    padding: 10px !important;
    position: fixed !important;
    width: 178px !important;
    z-index: 2147483000 !important;
}

html body.modern-page .ga-time-head {
    color: #004d73 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    margin: 0 0 8px !important;
}

html body.modern-page .ga-time-list {
    display: grid !important;
    gap: 4px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-height: 220px !important;
    overflow-y: auto !important;
    padding-right: 2px !important;
}

html body.modern-page .ga-time-option {
    background: transparent !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #2f3a45 !important;
    cursor: pointer !important;
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 !important;
    text-align: center !important;
}

html body.modern-page .ga-time-option:hover {
    background: #e8f3fb !important;
    color: #0b5f9c !important;
}

html body.modern-page .ga-time-option.is-selected {
    background: #0078d4 !important;
    color: #fff !important;
    font-weight: 700 !important;
}

html body.modern-page .modern-inline-actions .RadButton,
html body.modern-page .contador-actions .RadButton,
html body.modern-page .contador-upload-actions .RadButton,
html body.modern-page .RadButton.botonMedium.validar,
html body.modern-page a.botonMedium.validar,
html body.modern-page input.botonMedium.validar,
html body.modern-page button.botonMedium.validar {
    align-items: center !important;
    background: #004b73 !important;
    border: 1px solid #003f61 !important;
    border-radius: 7px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.10) !important;
    box-sizing: border-box !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    gap: 6px !important;
    height: 34px !important;
    justify-content: center !important;
    line-height: 18px !important;
    min-width: 86px !important;
    padding: 0 13px !important;
    text-decoration: none !important;
    vertical-align: middle !important;
}

html body.modern-page .modern-inline-actions .RadButton:hover,
html body.modern-page .contador-actions .RadButton:hover,
html body.modern-page .contador-upload-actions .RadButton:hover,
html body.modern-page .RadButton.botonMedium.validar:hover {
    background: #003f61 !important;
    border-color: #003550 !important;
    color: #fff !important;
}

html body.modern-page .modern-inline-actions .RadButton .rbText,
html body.modern-page .contador-actions .RadButton .rbText,
html body.modern-page .contador-upload-actions .RadButton .rbText,
html body.modern-page .RadButton.botonMedium.validar .rbText {
    color: inherit !important;
    font: inherit !important;
    line-height: 18px !important;
    padding: 0 !important;
}

html body.modern-page .modern-inline-actions .RadButton[id*="btnCancel"],
html body.modern-page .contador-actions .RadButton[id*="btnCancel"],
html body.modern-page .RadButton[id*="btnCancel"].botonMedium.validar {
    background: #fff !important;
    border-color: #b9d7e8 !important;
    color: #00324a !important;
}

html body.modern-page .modern-inline-actions .RadButton[id*="btnCancel"]:hover,
html body.modern-page .contador-actions .RadButton[id*="btnCancel"]:hover,
html body.modern-page .RadButton[id*="btnCancel"].botonMedium.validar:hover {
    background: #eef8fc !important;
    border-color: #7fc4e4 !important;
    color: #00324a !important;
}

html body.modern-page .ga-button,
html body.modern-page a.ga-button,
html body.modern-page a.ga-button:visited {
    align-items: center !important;
    border-radius: 7px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.10) !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    gap: 7px !important;
    height: 34px !important;
    justify-content: center !important;
    line-height: 18px !important;
    min-width: 88px !important;
    padding: 0 13px !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

html body.modern-page .ga-button-primary {
    background: #004b73 !important;
    border: 1px solid #003f61 !important;
    color: #fff !important;
}

html body.modern-page .ga-button-primary:hover {
    background: #003f61 !important;
    border-color: #003550 !important;
    color: #fff !important;
}

html body.modern-page .ga-button-secondary {
    background: #fff !important;
    border: 1px solid #b9d7e8 !important;
    color: #00324a !important;
}

html body.modern-page .ga-button-secondary:hover {
    background: #eef8fc !important;
    border-color: #7fc4e4 !important;
    color: #00324a !important;
}

html body.modern-page .ga-button-danger {
    background: #b42318 !important;
    border: 1px solid #912018 !important;
    color: #fff !important;
}

html body.modern-page .ga-button-text {
    color: inherit !important;
    font: inherit !important;
    line-height: 18px !important;
}

html body.modern-page .ga-button-icon {
    display: inline-block !important;
    flex: 0 0 auto !important;
    height: 14px !important;
    position: relative !important;
    width: 14px !important;
}

html body.modern-page .ga-button-icon-save::before {
    border: 1px solid currentColor !important;
    border-radius: 2px !important;
    content: "" !important;
    height: 11px !important;
    left: 1px !important;
    position: absolute !important;
    top: 1px !important;
    width: 11px !important;
}

html body.modern-page .ga-button-icon-save::after {
    background: currentColor !important;
    content: "" !important;
    height: 4px !important;
    left: 4px !important;
    position: absolute !important;
    top: 1px !important;
    width: 5px !important;
}

html body.modern-page .ga-button-icon-cancel::before,
html body.modern-page .ga-button-icon-cancel::after {
    background: currentColor !important;
    content: "" !important;
    height: 12px !important;
    left: 6px !important;
    position: absolute !important;
    top: 1px !important;
    width: 1.5px !important;
}

html body.modern-page .ga-button-icon-cancel::before {
    transform: rotate(45deg) !important;
}

html body.modern-page .ga-button-icon-cancel::after {
    transform: rotate(-45deg) !important;
}

html body.modern-page .ga-button-icon-upload::before {
    border-bottom: 2px solid currentColor !important;
    border-left: 2px solid currentColor !important;
    content: "" !important;
    height: 8px !important;
    left: 3px !important;
    position: absolute !important;
    top: 4px !important;
    transform: rotate(135deg) !important;
    width: 8px !important;
}

html body.modern-page .ga-button-icon-upload::after {
    background: currentColor !important;
    content: "" !important;
    height: 8px !important;
    left: 6px !important;
    position: absolute !important;
    top: 5px !important;
    width: 2px !important;
}

html body.modern-page .ga-button-icon-map::before {
    border: 2px solid currentColor !important;
    border-radius: 50% 50% 50% 0 !important;
    content: "" !important;
    height: 9px !important;
    left: 2px !important;
    position: absolute !important;
    top: 1px !important;
    transform: rotate(-45deg) !important;
    width: 9px !important;
}

html body.modern-page .ga-button-icon-map::after {
    background: currentColor !important;
    border-radius: 50% !important;
    content: "" !important;
    height: 3px !important;
    left: 6px !important;
    position: absolute !important;
    top: 5px !important;
    width: 3px !important;
}

html body.modern-page .ga-button-icon-mail::before {
    border: 1.5px solid currentColor !important;
    border-radius: 2px !important;
    content: "" !important;
    height: 9px !important;
    left: 1px !important;
    position: absolute !important;
    top: 3px !important;
    width: 12px !important;
}

html body.modern-page .ga-button-icon-mail::after {
    border-bottom: 1.5px solid currentColor !important;
    border-right: 1.5px solid currentColor !important;
    content: "" !important;
    height: 6px !important;
    left: 3px !important;
    position: absolute !important;
    top: 3px !important;
    transform: rotate(45deg) !important;
    width: 6px !important;
}

html body.modern-page .ga-button-icon-link::before {
    border: 1.5px solid currentColor !important;
    border-left: 0 !important;
    border-radius: 0 6px 6px 0 !important;
    content: "" !important;
    height: 6px !important;
    left: 6px !important;
    position: absolute !important;
    top: 3px !important;
    transform: rotate(-35deg) !important;
    width: 7px !important;
}

html body.modern-page .ga-button-icon-link::after {
    border: 1.5px solid currentColor !important;
    border-right: 0 !important;
    border-radius: 6px 0 0 6px !important;
    content: "" !important;
    height: 6px !important;
    left: 1px !important;
    position: absolute !important;
    top: 5px !important;
    transform: rotate(-35deg) !important;
    width: 7px !important;
}

html body.modern-page .ga-button-icon-print::before {
    background: currentColor !important;
    border-radius: 1px !important;
    content: "" !important;
    height: 7px !important;
    left: 2px !important;
    position: absolute !important;
    top: 6px !important;
    width: 12px !important;
}

html body.modern-page .ga-button-icon-print::after {
    background: transparent !important;
    border: 1.5px solid currentColor !important;
    box-shadow: 0 7px 0 -1px currentColor !important;
    content: "" !important;
    height: 7px !important;
    left: 4px !important;
    position: absolute !important;
    top: 1px !important;
    width: 8px !important;
}

html body.modern-page .ga-tabs {
    background: #fff !important;
    border: 1px solid #b9dff2 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    margin: 10px 0 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

html body.modern-page .ga-tabs-header {
    align-items: end !important;
    background: #f8fbfd !important;
    border-bottom: 1px solid #b9dff2 !important;
    display: flex !important;
    gap: 0 !important;
    height: 44px !important;
    padding: 0 6px !important;
}

html body.modern-page .ga-tab {
    align-items: center !important;
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 6px 6px 0 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #00324a !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    gap: 8px !important;
    height: 40px !important;
    line-height: 18px !important;
    margin: 0 !important;
    min-width: 104px !important;
    padding: 0 16px !important;
    position: relative !important;
}

html body.modern-page .ga-tab:hover {
    background: #eef8fc !important;
    color: #004b73 !important;
}

html body.modern-page .ga-tab.is-active {
    background: #fff !important;
    border-bottom-color: #009ad6 !important;
    color: #004b73 !important;
}

html body.modern-page .ga-tab-icon {
    color: currentColor !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    height: 14px !important;
    position: relative !important;
    width: 14px !important;
}

html body.modern-page .ga-tab-icon-form::before {
    border: 1px solid currentColor !important;
    border-radius: 2px !important;
    content: "" !important;
    height: 12px !important;
    left: 1px !important;
    position: absolute !important;
    top: 1px !important;
    width: 12px !important;
}

html body.modern-page .ga-tab-icon-form::after {
    background: currentColor !important;
    box-shadow: 0 4px 0 currentColor, 0 8px 0 currentColor !important;
    content: "" !important;
    height: 1px !important;
    left: 4px !important;
    position: absolute !important;
    top: 4px !important;
    width: 6px !important;
}

html body.modern-page .ga-tab-icon-docs::before {
    border: 1px solid currentColor !important;
    border-radius: 2px !important;
    content: "" !important;
    height: 12px !important;
    left: 2px !important;
    position: absolute !important;
    top: 1px !important;
    width: 10px !important;
}

html body.modern-page .ga-tab-icon-docs::after {
    background: currentColor !important;
    box-shadow: 0 4px 0 currentColor !important;
    content: "" !important;
    height: 1px !important;
    left: 5px !important;
    position: absolute !important;
    top: 5px !important;
    width: 5px !important;
}

html body.modern-page .ga-tab-icon-map::before {
    border: 1px solid currentColor !important;
    border-radius: 50% 50% 50% 0 !important;
    content: "" !important;
    height: 10px !important;
    left: 2px !important;
    position: absolute !important;
    top: 1px !important;
    transform: rotate(-45deg) !important;
    width: 10px !important;
}

html body.modern-page .ga-tab-icon-map::after {
    background: currentColor !important;
    border-radius: 50% !important;
    content: "" !important;
    height: 3px !important;
    left: 5.5px !important;
    position: absolute !important;
    top: 4.5px !important;
    width: 3px !important;
}

html body.modern-page .ga-tabs-body {
    background: #fff !important;
    padding: 16px !important;
}

html body.modern-page .ga-tab-panel {
    display: none !important;
}

html body.modern-page .ga-tab-panel.is-active {
    display: block !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .ga-tabs fieldset {
    margin: 0 !important;
}

/* Modern label baseline for migrated forms. */
html body.modern-page .modern-entry label:not(.mensaje):not(.ga-tab),
html body.modern-page .modern-entry .clave,
html body.modern-page .modern-entry .ga-label,
html body.modern-page .rgEditForm .modern-entry label:not(.mensaje):not(.ga-tab),
html body.modern-page .rgEditForm .modern-entry .clave,
html body.modern-page .rgEditForm .modern-entry .ga-label {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #004d73 !important;
    display: block !important;
    float: none !important;
    font-family: Aptos, "Segoe UI", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    height: 16px !important;
    line-height: 16px !important;
    margin: 0 0 6px !important;
    min-height: 16px !important;
    padding: 0 !important;
    position: static !important;
    text-align: left !important;
    white-space: nowrap !important;
    width: auto !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-form,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-upload-form {
    align-items: start !important;
    display: grid !important;
    gap: 16px 18px !important;
    grid-template-columns: 360px 210px 100px minmax(0, 1fr) !important;
    margin: 0 !important;
    max-width: 820px !important;
    width: 820px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-row,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-upload-row,
html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-actions,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-upload-actions {
    display: block !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-file-row,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-upload-file-row {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-row-textarea,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-upload-row-textarea {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-date-row,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-upload-date-row {
    grid-column: 1 / 2 !important;
    grid-row: 3 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-actions,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-upload-actions {
    align-self: end !important;
    grid-column: 2 / 3 !important;
    grid-row: 3 !important;
    padding-bottom: 0 !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-file,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-upload-file {
    display: block !important;
    height: 34px !important;
    width: 460px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-row .ga-field,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-upload-row .ga-field {
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-row-textarea .ga-field,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-upload-row-textarea .ga-field {
    width: 460px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-date-row .ga-field,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-upload-date-row .ga-field {
    width: 260px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-actions .ga-button,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-upload-actions .ga-button {
    height: 34px !important;
    margin: 22px 0 0 !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form {
    align-items: start !important;
    display: grid !important;
    gap: 16px 18px !important;
    grid-template-columns: 360px 210px minmax(0, 1fr) !important;
    margin: 0 !important;
    max-width: 820px !important;
    width: 820px !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-row {
    display: block !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-file-row {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-row-textarea {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-date-row {
    align-items: end !important;
    display: flex !important;
    gap: 18px !important;
    grid-column: 1 / 3 !important;
    grid-row: 3 !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-row .ga-field {
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-row-textarea .ga-field {
    width: 460px !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-date-row .ga-field-date {
    width: 370px !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-date-row .ga-date-input-group,
html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-date-row .ga-modern-input {
    min-width: 0 !important;
    width: 100% !important;
}

html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-date-row .ga-field-checkbox {
    margin-bottom: 8px !important;
    width: auto !important;
}

@media (max-width: 980px) {
    html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form {
        grid-template-columns: 1fr !important;
        max-width: none !important;
        width: 100% !important;
    }

    html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-file-row,
    html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-row-textarea,
    html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-date-row {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-row-textarea .ga-field,
    html body.modern-page #rightPanel [id$="pageDocumentosInstalacion"] .instalacion-upload-form .contador-upload-date-row .ga-field-date {
        width: 100% !important;
    }
}

html body.modern-page .ga-file-upload {
    background: #fff !important;
    border: 1px dashed #b8cbd8 !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    min-height: 58px !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
}

html body.modern-page .ga-file-upload.is-selected {
    min-height: 152px !important;
}

html body.modern-page .ga-file-upload .RadAsyncUpload,
html body.modern-page .ga-file-upload .RadUpload,
html body.modern-page .ga-file-upload .ruInputs,
html body.modern-page .ga-file-upload .ruInputs li,
html body.modern-page .ga-file-upload .ruFileWrap {
    height: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 4 !important;
}

html body.modern-page .ga-file-upload input[type="file"] {
    cursor: pointer !important;
    height: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
}

html body.modern-page .ga-file-upload input[type="file"]::-webkit-file-upload-button,
html body.modern-page .ga-file-upload input[type="file"]::file-selector-button {
    cursor: pointer !important;
    height: 100% !important;
    width: 100% !important;
}

html body.modern-page .ga-file-empty {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 18px !important;
    min-height: 58px !important;
    padding: 12px !important;
    position: relative !important;
    z-index: 2 !important;
}

html body.modern-page .ga-file-browse {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #cddbe4 !important;
    border-radius: 4px !important;
    color: #00324a !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 32px !important;
    padding: 0 14px !important;
}

html body.modern-page .ga-file-drop {
    color: #546a7b !important;
    font-size: 13px !important;
}

html body.modern-page .ga-file-selected {
    align-items: center !important;
    border-top: 1px solid #e5edf2 !important;
    display: none !important;
    grid-template-columns: minmax(0, 1fr) 28px !important;
    min-height: 92px !important;
    padding: 12px !important;
    position: relative !important;
    z-index: 5 !important;
}

html body.modern-page .ga-file-upload.is-selected .ga-file-selected {
    display: grid !important;
}

html body.modern-page .ga-file-actions {
    border-top: 1px solid #e5edf2 !important;
    display: none !important;
    justify-content: flex-end !important;
    padding: 10px 12px 12px !important;
    position: relative !important;
    z-index: 5 !important;
}

html body.modern-page .ga-file-upload.is-selected .ga-file-actions {
    display: flex !important;
}

html body.modern-page .ga-file-upload-button {
    min-width: 92px !important;
}

html body.modern-page .ga-file-info {
    display: grid !important;
    gap: 6px !important;
    min-width: 0 !important;
}

html body.modern-page .ga-file-name {
    color: #1f2933 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body.modern-page .ga-file-size,
html body.modern-page .ga-file-status {
    color: #546a7b !important;
    font-size: 12px !important;
}

html body.modern-page .ga-file-remove {
    align-items: center !important;
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    height: 28px !important;
    justify-content: center !important;
    position: relative !important;
    width: 28px !important;
}

html body.modern-page .ga-file-remove::before,
html body.modern-page .ga-file-remove::after {
    background: #546a7b !important;
    content: "" !important;
    height: 14px !important;
    position: absolute !important;
    width: 1px !important;
}

html body.modern-page .ga-file-remove::before {
    transform: rotate(45deg) !important;
}

html body.modern-page .ga-file-remove::after {
    transform: rotate(-45deg) !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-file-row,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-upload-file-row {
    grid-column: 1 / 3 !important;
    width: 460px !important;
}

html body.modern-page .contador-entry.contador-entry-fixed .contador-upload-file-row .ga-field,
html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-upload-file-row .ga-field {
    width: 460px !important;
}

@media (max-width: 1100px) {
    html body.modern-page .contador-entry.contador-entry-fixed .contador-form-layout,
    html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-form-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html body.modern-page .contador-entry.contador-entry-fixed .contador-qr-card,
    html body.modern-page .rgEditForm .contador-entry.contador-entry-fixed .contador-qr-card {
        grid-column: 1 !important;
        justify-self: start !important;
    }

    html body.modern-page .ga-form-cell,
    html body.modern-page .ga-form-cell.ga-col-3,
    html body.modern-page .ga-form-cell.ga-col-4,
    html body.modern-page .ga-form-cell.ga-col-6,
    html body.modern-page .ga-form-cell.ga-col-8,
    html body.modern-page .rgEditForm .ga-form-cell,
    html body.modern-page .rgEditForm .ga-form-cell.ga-col-3,
    html body.modern-page .rgEditForm .ga-form-cell.ga-col-4,
    html body.modern-page .rgEditForm .ga-form-cell.ga-col-6,
    html body.modern-page .rgEditForm .ga-form-cell.ga-col-8 {
        grid-column: span 12 !important;
    }
}

/* Modern application shell for Main.master. */
html body.modern-page {
    background: #eef7fb !important;
    color: #0f2437 !important;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
}

html body.modern-page #borderTop.h_blue {
    background: transparent !important;
    border: 0 !important;
    height: 68px !important;
    min-height: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 18px !important;
    top: 0 !important;
    width: 360px !important;
    z-index: 500001 !important;
}

html body.modern-page #borderTop #UpdatedDateDiv {
    align-items: center !important;
    display: flex !important;
    float: none !important;
    gap: 10px !important;
    height: 68px !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    pointer-events: auto !important;
    text-align: right !important;
    width: 100% !important;
}

html body.modern-page #borderTop #UpdatedDateDiv > span {
    align-items: center !important;
    display: inline-flex !important;
    float: none !important;
    order: 3 !important;
}

html body.modern-page #borderTop #UpdatedDateDiv .imgLogoMain {
    background: #fff !important;
    border: 1px solid #e1edf4 !important;
    border-radius: 6px !important;
    height: 40px !important;
    max-width: 98px !important;
    object-fit: contain !important;
    padding: 3px !important;
}

html body.modern-page #divLoginStatus {
    color: #4f6677 !important;
    display: inline-flex !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    order: 1 !important;
}

html body.modern-page #lblUserName {
    background: #f2f8fc !important;
    border: 1px solid #d7e7f0 !important;
    border-radius: 999px !important;
    color: #0f426d !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 28px !important;
    max-width: 155px !important;
    min-height: 28px !important;
    order: 2 !important;
    overflow: hidden !important;
    padding: 0 10px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body.modern-page #headerBox.headerBox {
    align-items: center !important;
    background: rgba(255, 255, 255, .96) !important;
    border-bottom: 1px solid #dbe8f0 !important;
    box-shadow: 0 8px 24px rgba(15, 66, 109, .08) !important;
    display: flex !important;
    gap: 20px !important;
    min-height: 68px !important;
    padding: 0 386px 0 18px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 500000 !important;
}

html body.modern-page #headerBox .headerLogo .logoAbismoHeader2,
html body.modern-page #headerBox .headerLogo .imgLogoMain {
    height: auto !important;
    max-height: 42px !important;
    width: 148px !important;
}

html body.modern-page #logoText {
    display: none !important;
}

html body.modern-page #adminMenuDiv {
    align-items: center !important;
    display: flex !important;
    flex: 1 1 auto !important;
    gap: 12px !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch {
    flex: 0 1 auto !important;
    max-width: 100% !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootGroup {
    background: #f6fbfe !important;
    border: 1px solid #d8e8f2 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    gap: 2px !important;
    min-height: 38px !important;
    padding: 4px !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootLink,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink {
    border-radius: 6px !important;
    color: #0f426d !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 30px !important;
    min-height: 30px !important;
    padding: 0 12px !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootLink:hover,
html body.modern-page .adminMenuOverwrite.RadMenu .rmExpanded > .rmRootLink,
html body.modern-page .adminMenuOverwrite.RadMenu .rmFocused > .rmRootLink,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink:hover,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmExpanded > .rmRootLink,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmFocused > .rmRootLink {
    background: #0f426d !important;
    color: #fff !important;
}

html body.modern-page #module_status {
    margin-left: auto !important;
}

html body.modern-page #module_status a {
    background: #0f426d !important;
    border: 1px solid #0f426d !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    min-height: 32px !important;
    padding: 0 12px !important;
}

html body.modern-page .content-box {
    background: transparent !important;
    padding: 14px 18px 18px !important;
}

html body.modern-page .ga-main-master {
    width: 100% !important;
}

html body.modern-page .ga-main-master #mainPageTable,
html body.modern-page .ga-main-master #mainPageTable > .t-row,
html body.modern-page .ga-main-master #mainPageTable .t-row {
    width: 100% !important;
}

html body.modern-page .ga-main-master #leftMenu {
    background: transparent !important;
    border: 0 !important;
    flex: 0 0 336px !important;
    max-width: 336px !important;
    padding: 0 14px 0 0 !important;
    width: 336px !important;
}

html body.modern-page .ga-main-master #rightPanel {
    background: transparent !important;
    flex: 1 1 calc(100% - 336px) !important;
    max-width: calc(100% - 336px) !important;
    padding: 0 !important;
    position: relative !important;
    width: calc(100% - 336px) !important;
}

html body.modern-page .ga-main-master #rightPanel.t-col-12 {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

html body.modern-page .ga-sidebar-heading {
    align-items: center !important;
    border-bottom: 1px solid #dceaf2 !important;
    color: #0f426d !important;
    display: flex !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    gap: 9px !important;
    letter-spacing: 0 !important;
    margin: 0 0 12px !important;
    padding: 2px 2px 12px !important;
}

html body.modern-page .ga-sidebar-heading-icon {
    background-color: #009ee2 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V7l9-4 9 4v14'/%3E%3Cpath d='M9 21v-8h6v8'/%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 14px 14px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    height: 22px !important;
    position: relative !important;
    width: 22px !important;
}

html body.modern-page .ga-sidebar-heading-icon::before,
html body.modern-page .ga-sidebar-heading-icon::after {
    display: none !important;
}

html body.modern-page .ga-main-master #instalacionesSelection {
    background: #fff !important;
    border: 1px solid #d7e8f1 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 26px rgba(15, 66, 109, .08) !important;
    height: calc(100vh - 108px) !important;
    margin: 0 !important;
    max-height: none !important;
    overflow: auto !important;
    padding: 14px !important;
}

html body.modern-page .ga-main-master #instalacionesSelection fieldset {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
}

html body.modern-page .ga-main-master #instalacionesSelection legend {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #5a7284 !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    text-transform: uppercase !important;
}

html body.modern-page .ga-main-master #instalacionesSelection .adminTable {
    border-collapse: separate !important;
    border-spacing: 0 7px !important;
}

html body.modern-page .ga-main-master #instalacionesSelection .adminTable tr {
    display: block !important;
}

html body.modern-page .ga-main-master #instalacionesSelection .adminTable td {
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
}

html body.modern-page .ga-main-master #instalacionesSelection .adminTable td.clave {
    color: #0f426d !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    margin: 0 0 4px !important;
    white-space: normal !important;
    width: 100% !important;
}

html body.modern-page .ga-main-master #instalacionesSelection .RadComboBox .rcbInner,
html body.modern-page .ga-main-master #instalacionesSelection .RadComboBox .rcbReadOnly,
html body.modern-page .ga-main-master #instalacionesSelection .RadInput,
html body.modern-page .ga-main-master #instalacionesSelection .RadInput .riTextBox,
html body.modern-page .ga-main-master #instalacionesSelection input[type="text"] {
    border-color: #c9dde9 !important;
    border-radius: 6px !important;
    min-height: 32px !important;
}

html body.modern-page .ga-main-master #instalacionesSelection .RadTreeView {
    background: #f8fbfd !important;
    border: 1px solid #e1edf4 !important;
    border-radius: 8px !important;
    padding: 8px !important;
}

html body.modern-page .ga-main-master #instalacionesSelection .RadTreeView .rtIn {
    border-radius: 6px !important;
    font-size: 12px !important;
    min-height: 26px !important;
    padding: 4px 7px !important;
}

html body.modern-page .ga-main-master .tocResize {
    left: -14px !important;
    position: absolute !important;
    top: 20px !important;
    z-index: 20 !important;
}

html body.modern-page .ga-main-master #divInstalacionesPage {
    background: #fff !important;
    border: 1px solid #d7e8f1 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 26px rgba(15, 66, 109, .08) !important;
    min-height: calc(100vh - 108px) !important;
    padding: 12px !important;
}

html body.modern-page .ga-main-master .menuContainer {
    background: #f8fbfd !important;
    border: 1px solid #dceaf2 !important;
    border-radius: 8px !important;
    margin: 0 0 12px !important;
    padding: 10px !important;
}

html body.modern-page .ga-main-master #currentInstalacion {
    border: 0 !important;
    padding: 0 !important;
}

html body.modern-page .ga-main-master #currentInstalacion h2 {
    color: #0f426d !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
}

html body.modern-page .ga-main-master .installation-module-menu.RadMenu,
html body.modern-page .ga-main-master .installation-module-menu.RadMenu_MetroTouch {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.modern-page .ga-main-master .installation-module-menu.RadMenu .rmRootGroup,
html body.modern-page .ga-main-master .installation-module-menu.RadMenu_MetroTouch .rmRootGroup {
    gap: 6px !important;
}

html body.modern-page .ga-main-master .installation-module-menu.RadMenu .rmRootLink,
html body.modern-page .ga-main-master .installation-module-menu.RadMenu_MetroTouch .rmRootLink {
    background: #fff !important;
    border-color: #d7e8f1 !important;
    border-radius: 6px !important;
    color: #0f426d !important;
    font-size: 12px !important;
    min-height: 32px !important;
}

html body.modern-page .ga-main-master .installation-module-menu.RadMenu .rmRootLink:hover,
html body.modern-page .ga-main-master .installation-module-menu.RadMenu .rmExpanded > .rmRootLink,
html body.modern-page .ga-main-master .installation-module-menu.RadMenu .rmFocused > .rmRootLink,
html body.modern-page .ga-main-master .installation-module-menu.RadMenu_MetroTouch .rmRootLink:hover,
html body.modern-page .ga-main-master .installation-module-menu.RadMenu_MetroTouch .rmExpanded > .rmRootLink,
html body.modern-page .ga-main-master .installation-module-menu.RadMenu_MetroTouch .rmFocused > .rmRootLink {
    background: #0f426d !important;
    border-color: #0f426d !important;
    color: #fff !important;
}

html body.modern-page .ga-main-master .MainContainer {
    background: transparent !important;
    min-height: 0 !important;
    padding: 0 !important;
}

html body.modern-page .ga-main-master #rightPanel > h1,
html body.modern-page .ga-main-master .MainContainer > h1 {
    background: #0f426d !important;
    border-left: 5px solid #00a9e8 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 18px !important;
    margin: 0 0 12px !important;
    min-height: 48px !important;
    padding: 12px 16px !important;
}

@media (max-width: 980px) {
    html body.modern-page #borderTop.h_blue {
        display: none !important;
    }

    html body.modern-page #headerBox.headerBox {
        padding: 0 12px !important;
        position: relative !important;
    }

    html body.modern-page .ga-main-master #leftMenu,
    html body.modern-page .ga-main-master #rightPanel {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        width: 100% !important;
    }

    html body.modern-page .ga-main-master #instalacionesSelection,
    html body.modern-page .ga-main-master #divInstalacionesPage {
        height: auto !important;
        min-height: 0 !important;
    }
}

/* Main shell correction: top header + left navigation, like the WGM reference. */
html body.modern-page {
    background: #eef7fb !important;
    overflow-x: hidden !important;
}

html body.modern-page #headerBox.headerBox {
    align-items: center !important;
    background: #fff !important;
    border-bottom: 1px solid #dce7ef !important;
    border-right: 0 !important;
    box-shadow: 0 4px 16px rgba(15, 66, 109, .07) !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 18px !important;
    height: 86px !important;
    left: 0 !important;
    min-height: 86px !important;
    padding: 0 18px !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 500000 !important;
}

html body.modern-page #headerBox .headerLogo {
    align-items: center !important;
    border: 0 !important;
    display: flex !important;
    flex: 0 0 216px !important;
    height: 86px !important;
    min-height: 0 !important;
    padding: 0 !important;
}

html body.modern-page #headerBox .headerLogo .logoAbismoHeader2,
html body.modern-page #headerBox .headerLogo .imgLogoMain {
    max-height: 42px !important;
    width: 154px !important;
}

html body.modern-page #adminMenuDiv {
    align-items: stretch !important;
    background: #fff !important;
    border-right: 1px solid #dce7ef !important;
    box-shadow: 8px 0 22px rgba(15, 66, 109, .05) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    height: calc(100vh - 86px) !important;
    left: 0 !important;
    padding: 12px 10px !important;
    position: fixed !important;
    top: 86px !important;
    width: 216px !important;
    z-index: 499990 !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch {
    background: transparent !important;
    display: block !important;
    flex: 1 1 auto !important;
    overflow: visible !important;
    width: 100% !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootGroup,
html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup.rmHorizontal,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootGroup.rmHorizontal {
    align-items: stretch !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 0 !important;
    width: 100% !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup > .rmItem,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootGroup > .rmItem {
    display: block !important;
    float: none !important;
    width: 100% !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootLink,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink {
    align-items: center !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    color: #102f45 !important;
    display: flex !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    justify-content: flex-start !important;
    line-height: 38px !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    width: 100% !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootLink::before,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink::before {
    background: #0f9ed5 !important;
    border-radius: 4px !important;
    content: "" !important;
    display: inline-flex !important;
    flex: 0 0 16px !important;
    height: 16px !important;
    margin-right: 9px !important;
    opacity: .9 !important;
    width: 16px !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootLink:hover,
html body.modern-page .adminMenuOverwrite.RadMenu .rmExpanded > .rmRootLink,
html body.modern-page .adminMenuOverwrite.RadMenu .rmFocused > .rmRootLink,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink:hover,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmExpanded > .rmRootLink,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmFocused > .rmRootLink {
    background: #eef8fd !important;
    border-color: #cfe9f5 !important;
    color: #0f426d !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmSlide,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmSlide {
    margin-left: 6px !important;
    z-index: 900000 !important;
}

html body.modern-page #module_status {
    border-top: 1px solid #e2edf4 !important;
    margin: auto 0 0 !important;
    padding-top: 10px !important;
}

html body.modern-page #module_status a {
    background: #0f426d !important;
    border-color: #0f426d !important;
    border-radius: 6px !important;
    color: #fff !important;
    justify-content: center !important;
    width: 100% !important;
}

html body.modern-page #borderTop.h_blue {
    background: transparent !important;
    border: 0 !important;
    height: 86px !important;
    left: 240px !important;
    pointer-events: none !important;
    position: fixed !important;
    right: 18px !important;
    top: 0 !important;
    width: auto !important;
    z-index: 500010 !important;
}

html body.modern-page #borderTop #UpdatedDateDiv {
    align-items: center !important;
    display: flex !important;
    height: 86px !important;
    justify-content: flex-end !important;
    pointer-events: auto !important;
    width: 100% !important;
}

html body.modern-page .content-box {
    margin-left: 216px !important;
    padding: 104px 18px 18px !important;
    width: auto !important;
}

html body.modern-page .ga-main-master #mainPageTable,
html body.modern-page .ga-main-master #mainPageTable .t-row,
html body.modern-page .ga-main-master #mainPageTable .t-container-fluid,
html body.modern-page .ga-main-master .RadPageLayout,
html body.modern-page .ga-main-master .t-row {
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page .ga-main-master #leftMenu {
    box-sizing: border-box !important;
    flex: 0 0 338px !important;
    float: none !important;
    max-width: 338px !important;
    min-width: 338px !important;
    padding: 0 14px 0 0 !important;
    width: 338px !important;
}

html body.modern-page .ga-main-master #rightPanel {
    box-sizing: border-box !important;
    display: block !important;
    flex: 1 1 auto !important;
    float: none !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    width: auto !important;
}

html body.modern-page .ga-main-master #divInstalacionesPage {
    box-sizing: border-box !important;
    min-height: calc(100vh - 122px) !important;
    width: 100% !important;
}

html body.modern-page .ga-main-master #instalacionesSelection {
    box-sizing: border-box !important;
    height: calc(100vh - 122px) !important;
    max-height: none !important;
    width: 100% !important;
}

html body.modern-page .home-gis-page {
    box-sizing: border-box !important;
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body.modern-page #facilitiesmapcontainer {
    display: block !important;
    min-height: 560px !important;
    width: 100% !important;
}

html body.modern-page #facilitiesmap {
    background: #dbe8ef !important;
    display: block !important;
    height: calc(100vh - 226px) !important;
    min-height: 560px !important;
    width: 100% !important;
}

html body.modern-page #bingMapDiv {
    display: none !important;
}

@media (max-width: 1120px) {
    html body.modern-page #headerBox.headerBox {
        position: relative !important;
    }

    html body.modern-page #adminMenuDiv {
        position: relative !important;
        top: auto !important;
        height: auto !important;
        width: 100% !important;
    }

    html body.modern-page .content-box {
        margin-left: 0 !important;
        padding-top: 18px !important;
    }

    html body.modern-page #borderTop.h_blue {
        display: none !important;
    }

    html body.modern-page .ga-main-master #mainPageTable .t-row,
    html body.modern-page .ga-main-master .t-row {
        flex-wrap: wrap !important;
    }

    html body.modern-page .ga-main-master #leftMenu,
    html body.modern-page .ga-main-master #rightPanel {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }
}

/* Inline sidebar tree menu: first level with icons, children grow inside the sidebar. */
html body.modern-page #adminMenuDiv {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch,
html body.modern-page .adminMenuOverwrite.RadMenu *,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch * {
    box-sizing: border-box !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootGroup {
    display: block !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmItem,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmItem {
    display: block !important;
    float: none !important;
    width: 100% !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmSlide,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmSlide,
html body.modern-page .adminMenuOverwrite.RadMenu .rmLevel1,
html body.modern-page .adminMenuOverwrite.RadMenu .rmLevel2,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmLevel1,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmLevel2 {
    animation: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: block !important;
    height: auto !important;
    left: auto !important;
    margin: 0 !important;
    max-height: none !important;
    opacity: 1 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
    visibility: visible !important;
    width: 100% !important;
    z-index: auto !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmGroup,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmGroup {
    animation: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    max-height: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    visibility: visible !important;
    width: 100% !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup > .rmItem {
    margin-bottom: 4px !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootLink,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink {
    background: #fff !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    color: #102f45 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    min-height: 38px !important;
    padding: 0 9px !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootLink:hover,
html body.modern-page .adminMenuOverwrite.RadMenu .rmExpanded > .rmRootLink,
html body.modern-page .adminMenuOverwrite.RadMenu .rmFocused > .rmRootLink {
    background: #eef8fd !important;
    border-color: #cbe8f5 !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootLink::before {
    align-items: center !important;
    background: #f16d66 !important;
    border-radius: 5px !important;
    color: #fff !important;
    content: "" !important;
    display: inline-flex !important;
    flex: 0 0 18px !important;
    height: 18px !important;
    justify-content: center !important;
    margin-right: 9px !important;
    width: 18px !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup > .rmItem:nth-child(1) > .rmRootLink::before {
    background: #0f9ed5 !important;
    clip-path: polygon(20% 18%, 80% 18%, 80% 82%, 20% 82%) !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup > .rmItem:nth-child(2) > .rmRootLink::before {
    background: #14a38b !important;
    clip-path: polygon(50% 12%, 88% 36%, 74% 86%, 26% 86%, 12% 36%) !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup > .rmItem:nth-child(3) > .rmRootLink::before {
    background: #f39c2d !important;
    clip-path: polygon(12% 24%, 88% 24%, 76% 80%, 24% 80%) !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup > .rmItem:nth-child(4) > .rmRootLink::before {
    background: #7b61d1 !important;
    clip-path: circle(45% at 50% 50%) !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmGroup .rmLink,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmGroup .rmLink {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 5px !important;
    color: #536575 !important;
    display: flex !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 28px !important;
    min-height: 28px !important;
    padding: 0 8px 0 36px !important;
    width: 100% !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmGroup .rmLink::before {
    border: 1px solid #8aa2b2 !important;
    border-radius: 50% !important;
    content: "" !important;
    height: 7px !important;
    left: 20px !important;
    position: absolute !important;
    width: 7px !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmGroup .rmLink:hover,
html body.modern-page .adminMenuOverwrite.RadMenu .rmGroup .rmFocused > .rmLink {
    background: #f1f7fb !important;
    color: #0f426d !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmGroup .rmGroup .rmLink {
    font-size: 11px !important;
    line-height: 24px !important;
    min-height: 24px !important;
    padding-left: 48px !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmGroup .rmGroup .rmLink::before {
    left: 33px !important;
    height: 5px !important;
    width: 5px !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmText,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmText {
    color: inherit !important;
    overflow: hidden !important;
    padding: 0 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmExpandRight,
html body.modern-page .adminMenuOverwrite.RadMenu .rmExpandDown {
    display: none !important;
}

/* Collapsible modern sidebar. */
html body.modern-page .ga-sidebar-toggle {
    align-items: center !important;
    appearance: none !important;
    background: #eef8fd !important;
    border: 1px solid #cbe8f5 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    height: 34px !important;
    justify-content: center !important;
    margin: 0 2px 0 0 !important;
    padding: 0 !important;
    position: relative !important;
    width: 34px !important;
}

html body.modern-page .ga-sidebar-toggle::before,
html body.modern-page .ga-sidebar-toggle::after {
    background: #0f426d !important;
    border-radius: 2px !important;
    content: "" !important;
    height: 2px !important;
    left: 9px !important;
    position: absolute !important;
    width: 16px !important;
}

html body.modern-page .ga-sidebar-toggle::before {
    box-shadow: 0 6px 0 #0f426d !important;
    top: 10px !important;
}

html body.modern-page .ga-sidebar-toggle::after {
    top: 22px !important;
}

html body.modern-page.ga-sidebar-collapsed #adminMenuDiv {
    transform: translateX(-216px) !important;
}

html body.modern-page.ga-sidebar-collapsed .content-box {
    margin-left: 0 !important;
}

html body.modern-page.ga-sidebar-collapsed #borderTop.h_blue {
    left: 24px !important;
}

html body.modern-page.ga-sidebar-collapsed .ga-sidebar-toggle {
    background: #0f426d !important;
    border-color: #0f426d !important;
}

html body.modern-page.ga-sidebar-collapsed .ga-sidebar-toggle::before,
html body.modern-page.ga-sidebar-collapsed .ga-sidebar-toggle::after {
    background: #fff !important;
}

html body.modern-page.ga-sidebar-collapsed .ga-sidebar-toggle::before {
    box-shadow: 0 6px 0 #fff !important;
}

/* Native modern combo and multiselect controls. No Telerik dependency. */
html body.modern-page .ga-select-shell {
    position: relative !important;
}

html body.modern-page .ga-modern-select,
html.RadForm body.modern-page select.ga-modern-select {
    appearance: none !important;
    background: #fff !important;
    border: 1px solid #a8d2e8 !important;
    border-radius: 7px !important;
    box-shadow: 0 1px 2px rgba(28, 66, 91, 0.06) !important;
    color: #17344a !important;
    display: block !important;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    height: 38px !important;
    line-height: 22px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 7px 36px 7px 11px !important;
    width: 100% !important;
}

html body.modern-page .ga-modern-select:focus {
    border-color: #009ad6 !important;
    box-shadow: 0 0 0 3px rgba(0, 154, 214, .16) !important;
    outline: none !important;
}

html body.modern-page .ga-select-arrow,
html body.modern-page .ga-multiselect-arrow {
    border-color: #536575 transparent transparent transparent !important;
    border-style: solid !important;
    border-width: 5px 5px 0 5px !important;
    height: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 12px !important;
    top: 17px !important;
    width: 0 !important;
}

html body.modern-page .ga-multiselect {
    position: relative !important;
    width: 100% !important;
}

html body.modern-page .ga-modern-multiselect-native {
    height: 1px !important;
    left: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    top: 0 !important;
    width: 1px !important;
}

html body.modern-page .ga-multiselect-trigger {
    align-items: center !important;
    appearance: none !important;
    background: #fff !important;
    border: 1px solid #a8d2e8 !important;
    border-radius: 7px !important;
    box-shadow: 0 1px 2px rgba(28, 66, 91, 0.06) !important;
    color: #758797 !important;
    cursor: pointer !important;
    display: flex !important;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    height: 38px !important;
    justify-content: space-between !important;
    line-height: 22px !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 7px 36px 7px 11px !important;
    position: relative !important;
    text-align: left !important;
    width: 100% !important;
}

html body.modern-page .ga-multiselect.has-selection .ga-multiselect-trigger {
    color: #17344a !important;
}

html body.modern-page .ga-multiselect.is-open .ga-multiselect-trigger,
html body.modern-page .ga-multiselect-trigger:focus {
    border-color: #009ad6 !important;
    box-shadow: 0 0 0 3px rgba(0, 154, 214, .16) !important;
    outline: none !important;
}

html body.modern-page .ga-multiselect-summary {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body.modern-page .ga-multiselect-panel {
    background: #fff !important;
    border: 1px solid #cfe0ec !important;
    border-radius: 7px !important;
    box-shadow: 0 14px 32px rgba(15, 66, 109, .18) !important;
    display: none !important;
    left: 0 !important;
    margin-top: 4px !important;
    min-width: 100% !important;
    overflow: hidden !important;
    position: absolute !important;
    top: 100% !important;
    z-index: 200010 !important;
}

html body.modern-page .ga-multiselect.is-open .ga-multiselect-panel {
    display: block !important;
}

html body.modern-page .ga-multiselect-search-wrap {
    align-items: center !important;
    background: #f8fbfd !important;
    border-bottom: 1px solid #e1edf4 !important;
    display: grid !important;
    gap: 6px !important;
    grid-template-columns: minmax(0, 1fr) 28px !important;
    padding: 8px !important;
}

html body.modern-page .ga-multiselect-search {
    background: #fff !important;
    border: 1px solid #cfe0ec !important;
    border-radius: 6px !important;
    color: #17344a !important;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    height: 30px !important;
    line-height: 20px !important;
    outline: none !important;
    padding: 5px 9px !important;
    width: 100% !important;
}

html body.modern-page .ga-multiselect-search:focus {
    border-color: #009ad6 !important;
    box-shadow: 0 0 0 2px rgba(0, 154, 214, .12) !important;
}

html body.modern-page .ga-multiselect-clear {
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    height: 28px !important;
    position: relative !important;
    width: 28px !important;
}

html body.modern-page .ga-multiselect-clear::before,
html body.modern-page .ga-multiselect-clear::after {
    background: #536575 !important;
    content: "" !important;
    height: 13px !important;
    left: 13px !important;
    position: absolute !important;
    top: 7px !important;
    width: 1px !important;
}

html body.modern-page .ga-multiselect-clear::before {
    transform: rotate(45deg) !important;
}

html body.modern-page .ga-multiselect-clear::after {
    transform: rotate(-45deg) !important;
}

html body.modern-page .ga-multiselect-options {
    max-height: 238px !important;
    overflow: auto !important;
    padding: 6px !important;
}

html body.modern-page .ga-multiselect-option {
    align-items: center !important;
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 6px !important;
    color: #17344a !important;
    cursor: pointer !important;
    display: grid !important;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    gap: 8px !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    min-height: 32px !important;
    padding: 5px 8px !important;
    text-align: left !important;
    width: 100% !important;
}

html body.modern-page .ga-multiselect-option:hover {
    background: #eaf6fc !important;
}

html body.modern-page .ga-multiselect-option.is-selected {
    background: #e3f4fb !important;
    color: #0f426d !important;
}

html body.modern-page .ga-multiselect-check {
    background: #fff !important;
    border: 1px solid #9fc7dc !important;
    border-radius: 4px !important;
    display: inline-block !important;
    height: 16px !important;
    position: relative !important;
    width: 16px !important;
}

html body.modern-page .ga-multiselect-option.is-selected .ga-multiselect-check {
    background: #0f426d !important;
    border-color: #0f426d !important;
}

html body.modern-page .ga-multiselect-option.is-selected .ga-multiselect-check::after {
    border-bottom: 2px solid #fff !important;
    border-right: 2px solid #fff !important;
    content: "" !important;
    height: 8px !important;
    left: 5px !important;
    position: absolute !important;
    top: 1px !important;
    transform: rotate(45deg) !important;
    width: 4px !important;
}

html body.modern-page .ga-multiselect-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body.modern-page .ga-multiselect-empty {
    color: #6b7c8c !important;
    font-size: 13px !important;
    padding: 12px !important;
}

/* Final app shell: primary navigation on the left. */
html body.modern-page #headerBox.headerBox {
    align-items: stretch !important;
    background: #ffffff !important;
    border-right: 1px solid #d7e8f1 !important;
    border-bottom: 0 !important;
    box-shadow: 10px 0 28px rgba(15, 66, 109, .08) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    height: 100vh !important;
    left: 0 !important;
    min-height: 0 !important;
    padding: 20px 14px !important;
    position: fixed !important;
    top: 0 !important;
    width: 218px !important;
    z-index: 500000 !important;
}

html body.modern-page #headerBox .headerLogo {
    align-items: center !important;
    border-bottom: 1px solid #e0edf4 !important;
    display: flex !important;
    min-height: 52px !important;
    padding: 0 4px 16px !important;
}

html body.modern-page #headerBox .headerLogo a {
    display: flex !important;
}

html body.modern-page #headerBox .headerLogo .logoAbismoHeader2,
html body.modern-page #headerBox .headerLogo .imgLogoMain {
    max-height: 38px !important;
    width: 150px !important;
}

html body.modern-page #adminMenuDiv {
    align-items: stretch !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: 12px !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch {
    display: block !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    width: 100% !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootGroup,
html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup.rmHorizontal,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootGroup.rmHorizontal {
    align-items: stretch !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    min-height: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup > .rmItem,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootGroup > .rmItem {
    display: block !important;
    float: none !important;
    width: 100% !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootLink,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink {
    align-items: center !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    color: #0f426d !important;
    display: flex !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    justify-content: flex-start !important;
    line-height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    width: 100% !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootLink .rmText,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink .rmText {
    color: inherit !important;
    line-height: 38px !important;
    padding: 0 !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootLink:hover,
html body.modern-page .adminMenuOverwrite.RadMenu .rmExpanded > .rmRootLink,
html body.modern-page .adminMenuOverwrite.RadMenu .rmFocused > .rmRootLink,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink:hover,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmExpanded > .rmRootLink,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmFocused > .rmRootLink {
    background: #e8f6fc !important;
    border-color: #cce8f5 !important;
    color: #0f426d !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmSlide,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmSlide {
    left: 190px !important;
    top: 0 !important;
}

html body.modern-page #module_status {
    border-top: 1px solid #e0edf4 !important;
    display: flex !important;
    margin: auto 0 0 !important;
    padding-top: 12px !important;
}

html body.modern-page #module_status a {
    justify-content: center !important;
    width: 100% !important;
}

html body.modern-page #borderTop.h_blue {
    height: 64px !important;
    left: 218px !important;
    right: 0 !important;
    top: 0 !important;
    width: auto !important;
}

html body.modern-page #borderTop #UpdatedDateDiv {
    height: 64px !important;
    padding: 0 18px !important;
}

html body.modern-page .content-box {
    margin-left: 218px !important;
    padding: 18px 18px 18px !important;
}

html body.modern-page .ga-main-master #leftMenu {
    flex: 0 0 338px !important;
    max-width: 338px !important;
    width: 338px !important;
}

html body.modern-page .ga-main-master #rightPanel {
    flex: 1 1 calc(100% - 338px) !important;
    max-width: calc(100% - 338px) !important;
    width: calc(100% - 338px) !important;
}

html body.modern-page .home-gis-page,
html body.modern-page .home-map-toolbar,
html body.modern-page #facilitiesmapcontainer {
    display: block !important;
    width: 100% !important;
}

html body.modern-page #facilitiesmap {
    border: 1px solid #d7e8f1 !important;
    border-radius: 8px !important;
    height: calc(100vh - 176px) !important;
    min-height: 520px !important;
    width: 100% !important;
}

/* Modern single ComboBox: Syncfusion-like searchable popup. */
html body.modern-page .ga-combobox {
    position: relative !important;
    width: 100% !important;
}

html body.modern-page .ga-combobox .ga-modern-select {
    height: 1px !important;
    left: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    top: 0 !important;
    width: 1px !important;
}

html body.modern-page .ga-combobox-trigger {
    align-items: center !important;
    appearance: none !important;
    background: #fff !important;
    border: 1px solid #9ca3af !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    color: #1f2933 !important;
    cursor: pointer !important;
    display: grid !important;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    grid-template-columns: minmax(0, 1fr) 28px 28px !important;
    height: 34px !important;
    line-height: 22px !important;
    margin: 0 !important;
    padding: 0 0 0 8px !important;
    text-align: left !important;
    width: 100% !important;
}

html body.modern-page .ga-combobox.is-open .ga-combobox-trigger,
html body.modern-page .ga-combobox-trigger:focus {
    border-color: #0078d4 !important;
    border-bottom-color: #0078d4 !important;
    border-bottom-width: 2px !important;
    outline: none !important;
}

html body.modern-page .ga-combobox-summary {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body.modern-page .ga-combobox:not(.has-selection) .ga-combobox-summary {
    color: #6b7280 !important;
}

html body.modern-page .ga-combobox-clear {
    height: 100% !important;
    position: relative !important;
}

html body.modern-page .ga-combobox-clear::before,
html body.modern-page .ga-combobox-clear::after {
    background: #4f5f6d !important;
    content: "" !important;
    height: 13px !important;
    left: 13px !important;
    position: absolute !important;
    top: 10px !important;
    width: 1px !important;
}

html body.modern-page .ga-combobox-clear::before {
    transform: rotate(45deg) !important;
}

html body.modern-page .ga-combobox-clear::after {
    transform: rotate(-45deg) !important;
}

html body.modern-page .ga-combobox-arrow {
    height: 100% !important;
    position: relative !important;
}

html body.modern-page .ga-combobox-arrow::before {
    border-color: #536575 transparent transparent transparent !important;
    border-style: solid !important;
    border-width: 5px 5px 0 5px !important;
    content: "" !important;
    left: 9px !important;
    position: absolute !important;
    top: 15px !important;
}

html body.modern-page .ga-combobox-panel {
    background: #fff !important;
    border: 1px solid #d6dde3 !important;
    border-radius: 3px !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .2) !important;
    display: none !important;
    left: 0 !important;
    margin-top: 3px !important;
    min-width: 100% !important;
    overflow: hidden !important;
    position: absolute !important;
    top: 100% !important;
    z-index: 200020 !important;
}

html body.modern-page .ga-combobox.is-open .ga-combobox-panel {
    display: block !important;
}

html body.modern-page .ga-combobox-search {
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
    color: #1f2933 !important;
    font-size: 13px !important;
    height: 34px !important;
    outline: none !important;
    padding: 6px 10px !important;
    width: 100% !important;
}

html body.modern-page .ga-combobox-options {
    max-height: 230px !important;
    overflow: auto !important;
    padding: 4px !important;
}

html body.modern-page .ga-combobox-option {
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #1f2933 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 13px !important;
    line-height: 20px !important;
    min-height: 32px !important;
    overflow: hidden !important;
    padding: 6px 9px !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100% !important;
}

html body.modern-page .ga-combobox-option:hover,
html body.modern-page .ga-combobox-option.is-selected {
    background: #f2f2f2 !important;
}

html body.modern-page .ga-combobox-empty {
    color: #6b7280 !important;
    font-size: 13px !important;
    padding: 10px !important;
}

@media (max-width: 980px) {
    html body.modern-page #headerBox.headerBox {
        height: auto !important;
        position: relative !important;
        width: 100% !important;
    }

    html body.modern-page .content-box {
        margin-left: 0 !important;
    }

    html body.modern-page #borderTop.h_blue {
        display: none !important;
    }
}

/* Global white application background. */
html,
html body,
html body.modern-page,
html body.modern-page form,
html body.modern-page #minwidth-body,
html body.modern-page .content-box,
html body.modern-page .MainContainer,
html body.modern-page .RadAjaxPanel,
html body.modern-page .ga-main-master,
html body.modern-page .home-gis-page,
html body.modern-page .home-map-toolbar,
html body.modern-page #facilitiesmapcontainer,
html body.modern-page #mainPageTable,
html body.modern-page #mainPageTable > tbody,
html body.modern-page #mainPageTable > tbody > tr,
html body.modern-page #mainPageTable > tbody > tr > td {
    background: #fff !important;
    background-color: #fff !important;
}

/* Final modern sidebar behavior: closed tree by default, descriptive first-level icons and rail collapse. */
html body.modern-page #adminMenuDiv {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-top: 10px !important;
}

html body.modern-page #adminMenuDiv .ga-sidebar-toggle {
    flex: 0 0 34px !important;
    margin: 0 0 10px 0 !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmItem:not(.ga-menu-branch-open) > .rmSlide,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmItem:not(.ga-menu-branch-open) > .rmSlide,
html body.modern-page .adminMenuOverwrite.RadMenu .rmItem:not(.ga-menu-branch-open) > .rmGroup,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmItem:not(.ga-menu-branch-open) > .rmGroup {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .ga-menu-branch-open > .rmSlide,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .ga-menu-branch-open > .rmSlide,
html body.modern-page .adminMenuOverwrite.RadMenu .ga-menu-branch-open > .rmGroup,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .ga-menu-branch-open > .rmGroup {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .ga-menu-branch > .rmLink::after,
html body.modern-page .adminMenuOverwrite.RadMenu .ga-menu-branch > .rmRootLink::after {
    border-color: #597284 transparent transparent transparent !important;
    border-style: solid !important;
    border-width: 5px 4px 0 4px !important;
    content: "" !important;
    height: 0 !important;
    margin-left: auto !important;
    transform: rotate(-90deg) !important;
    transition: transform .16s ease !important;
    width: 0 !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .ga-menu-branch-open > .rmLink::after,
html body.modern-page .adminMenuOverwrite.RadMenu .ga-menu-branch-open > .rmRootLink::after {
    transform: rotate(0deg) !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootLink::before,
html body.modern-page .adminMenuOverwrite.RadMenu_MetroTouch .rmRootLink::before {
    background-color: transparent !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    border-radius: 0 !important;
    clip-path: none !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup > .rmItem:nth-child(1) > .rmRootLink::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230f9ed5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup > .rmItem:nth-child(2) > .rmRootLink::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2314a38b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.1-3.1a6 6 0 0 1-7.9 7.9l-6.1 6.1a2.1 2.1 0 0 1-3-3l6.1-6.1a6 6 0 0 1 7.9-7.9l-3.1 3.1z'/%3E%3C/svg%3E") !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup > .rmItem:nth-child(3) > .rmRootLink::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f39c2d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h18v18H3z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E") !important;
}

html body.modern-page .adminMenuOverwrite.RadMenu .rmRootGroup > .rmItem:nth-child(4) > .rmRootLink::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237b61d1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5z'/%3E%3Cpath d='M19.4 15a1.8 1.8 0 0 0 .4 2l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.8 1.8 0 0 0-2-.4 1.8 1.8 0 0 0-1 1.6V21a2 2 0 1 1-4 0v-.1a1.8 1.8 0 0 0-1-1.6 1.8 1.8 0 0 0-2 .4l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.8 1.8 0 0 0 .4-2 1.8 1.8 0 0 0-1.6-1H3a2 2 0 1 1 0-4h.1a1.8 1.8 0 0 0 1.6-1 1.8 1.8 0 0 0-.4-2l-.1-.1A2 2 0 1 1 7 4.1l.1.1a1.8 1.8 0 0 0 2 .4 1.8 1.8 0 0 0 1-1.6V3a2 2 0 1 1 4 0v.1a1.8 1.8 0 0 0 1 1.6 1.8 1.8 0 0 0 2-.4l.1-.1A2 2 0 1 1 20 7l-.1.1a1.8 1.8 0 0 0-.4 2 1.8 1.8 0 0 0 1.6 1h.1a2 2 0 1 1 0 4h-.1a1.8 1.8 0 0 0-1.7 1z'/%3E%3C/svg%3E") !important;
}

html body.modern-page.ga-sidebar-collapsed #adminMenuDiv {
    padding-left: 7px !important;
    padding-right: 7px !important;
    transform: none !important;
    width: 48px !important;
}

html body.modern-page.ga-sidebar-collapsed .adminMenuOverwrite,
html body.modern-page.ga-sidebar-collapsed #module_status {
    display: none !important;
}

html body.modern-page.ga-sidebar-collapsed .content-box {
    margin-left: 48px !important;
}

html body.modern-page.ga-sidebar-collapsed #borderTop.h_blue {
    left: 72px !important;
}

html body.modern-page .ga-combobox.is-open .ga-combobox-panel {
    overflow: hidden !important;
}

/* Modern tree/menu component. Telerik stays as server-side data source only. */
html body.modern-page .adminMenuOverwrite,
html body.modern-page #adminRadMenu,
html body.modern-page .installation-module-menu,
html body.modern-page #treeInstalaciones {
    display: none !important;
}

html body.modern-page .ga-modern-tree {
    background: transparent !important;
    box-sizing: border-box !important;
    display: block !important;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

html body.modern-page .ga-modern-tree .ga-modern-tree {
    padding-left: 14px !important;
}

html body.modern-page .ga-tree-node {
    display: block !important;
    margin: 2px 0 !important;
    padding: 0 !important;
    position: relative !important;
}

html body.modern-page .ga-tree-action {
    align-items: center !important;
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
    color: #153b54 !important;
    cursor: pointer !important;
    display: flex !important;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    gap: 10px !important;
    line-height: 18px !important;
    min-height: 32px !important;
    padding: 7px 12px !important;
    text-align: left !important;
    text-decoration: none !important;
    transition: background-color .12s ease, color .12s ease !important;
    width: 100% !important;
}

html body.modern-page .ga-app-sidebar-tree > .ga-tree-node > .ga-tree-action {
    font-size: 13px !important;
    font-weight: 500 !important;
    min-height: 38px !important;
}

html body.modern-page .ga-tree-action:hover {
    background: #eef2f6 !important;
    color: #153b54 !important;
}

html body.modern-page .ga-tree-node.is-open > .ga-tree-action,
html body.modern-page .ga-tree-node.is-selected > .ga-tree-action {
    background: #d9ecfb !important;
    color: #0b4a78 !important;
    font-weight: 700 !important;
}

html body.modern-page .ga-tree-expander {
    border-color: transparent transparent transparent #5c7486 !important;
    border-style: solid !important;
    border-width: 4px 0 4px 5px !important;
    flex: 0 0 8px !important;
    height: 0 !important;
    transition: transform .14s ease !important;
    width: 0 !important;
}

html body.modern-page .ga-tree-node.is-open > .ga-tree-action > .ga-tree-expander {
    transform: rotate(90deg) !important;
}

html body.modern-page .ga-tree-node.is-loading > .ga-tree-action {
    cursor: progress !important;
    opacity: .92 !important;
}

html body.modern-page .ga-tree-node.is-loading > .ga-tree-action > .ga-tree-expander {
    animation: gaTreeSpinner .72s linear infinite !important;
    border: 2px solid rgba(0, 154, 214, .2) !important;
    border-top-color: #009ad6 !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    flex: 0 0 12px !important;
    height: 12px !important;
    transform: none !important;
    width: 12px !important;
}

@keyframes gaTreeSpinner {
    to {
        transform: rotate(360deg);
    }
}

html body.modern-page .ga-tree-icon {
    background-color: transparent !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    flex: 0 0 20px !important;
    height: 20px !important;
    width: 20px !important;
}

html body.modern-page .ga-tree-text {
    display: -webkit-box !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

html body.modern-page .ga-tree-node.is-closed > .ga-tree-children {
    display: none !important;
}

html body.modern-page .ga-tree-node.is-open > .ga-tree-children {
    display: block !important;
}

html body.modern-page .ga-tree-empty {
    color: #6c7f8d !important;
    font-size: 12px !important;
    padding: 9px !important;
}

html body.modern-page .ga-tree-action.icon-user .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230f9ed5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}

html body.modern-page .ga-tree-action.icon-maintenance .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2314a38b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.1-3.1a6 6 0 0 1-7.9 7.9l-6.1 6.1a2.1 2.1 0 0 1-3-3l6.1-6.1a6 6 0 0 1 7.9-7.9l-3.1 3.1z'/%3E%3C/svg%3E") !important;
}

html body.modern-page .ga-tree-action.icon-management .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23f39c2d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h18v18H3z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E") !important;
}

html body.modern-page .ga-tree-action.icon-settings .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%237b61d1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.9 1.7 1.7 0 0 0-1.6-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9l-.1-.1A2 2 0 1 1 7.1 4l.1.1a1.7 1.7 0 0 0 1.9.3 1.7 1.7 0 0 0 1-1.6V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1A2 2 0 1 1 20 7.1l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1h.1a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.8 1z'/%3E%3C/svg%3E") !important;
}

html body.modern-page .ga-tree-action.icon-installation .ga-tree-icon,
html body.modern-page .ga-tree-action.icon-folder .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230f9ed5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V7l9-4 9 4v14'/%3E%3Cpath d='M9 21v-8h6v8'/%3E%3C/svg%3E") !important;
}

html body.modern-page .ga-tree-action.icon-water .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23009ad6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5S5 10 5 15a7 7 0 0 0 14 0c0-5-7-12.5-7-12.5z'/%3E%3C/svg%3E") !important;
}

html body.modern-page .ga-tree-action.icon-water-in .ga-tree-icon {
    background-image: url("/images/modern-water-in.svg") !important;
}

html body.modern-page .ga-tree-action.icon-water-out .ga-tree-icon {
    background-image: url("/images/modern-water-out.svg") !important;
}

html body.modern-page .ga-tree-action.icon-energy .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23f5a400' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h8l-1 8 10-12h-8l1-8z'/%3E%3C/svg%3E") !important;
}

html body.modern-page .ga-tree-action.icon-analytics .ga-tree-icon,
html body.modern-page .ga-tree-action.icon-report .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%237b61d1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V5'/%3E%3Cpath d='M4 19h16'/%3E%3Cpath d='M8 16v-5'/%3E%3Cpath d='M12 16V8'/%3E%3Cpath d='M16 16v-3'/%3E%3C/svg%3E") !important;
}

html body.modern-page .ga-tree-action.icon-alert .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23e05656' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") !important;
}

html body.modern-page .ga-tree-action.icon-production .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2314a38b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V9l6 4V9l6 4V7l6 4v10H3z'/%3E%3Cpath d='M7 17h2'/%3E%3Cpath d='M12 17h2'/%3E%3Cpath d='M17 17h2'/%3E%3C/svg%3E") !important;
}

html body.modern-page .ga-tree-action.icon-sludge .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23536f82' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11c2-2 4-2 6 0s4 2 6 0 4-2 6 0'/%3E%3Cpath d='M4 16c2-2 4-2 6 0s4 2 6 0 4-2 6 0'/%3E%3C/svg%3E") !important;
}

html body.modern-page .ga-tree-action.icon-invoice .ga-tree-icon,
html body.modern-page .ga-tree-action.icon-item .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23536f82' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h5'/%3E%3C/svg%3E") !important;
}

html body.modern-page .ga-combobox-panel {
    max-width: 420px !important;
    min-width: 0 !important;
    width: auto !important;
}

html body.modern-page .ga-combobox-option {
    display: -webkit-box !important;
    line-height: 18px !important;
    min-height: 32px !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

/* Final cleanup: only the custom tree is visible, icons only at first level, compact combo popup. */
html body.modern-page #adminRadMenu,
html body.modern-page [id$="adminRadMenu"],
html body.modern-page .adminMenuOverwrite,
html body.modern-page #treeInstalaciones,
html body.modern-page [id$="treeInstalaciones"],
html body.modern-page .installation-module-menu,
html body.modern-page #rMenuParaInstalaciones,
html body.modern-page [id$="rMenuParaInstalaciones"] {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

html body.modern-page .ga-app-sidebar-tree.level-1 .ga-tree-icon,
html body.modern-page .ga-app-sidebar-tree.level-2 .ga-tree-icon,
html body.modern-page .ga-app-sidebar-tree.level-3 .ga-tree-icon,
html body.modern-page .ga-app-sidebar-tree.level-4 .ga-tree-icon {
    display: none !important;
}

html body.modern-page .ga-app-sidebar-tree.level-1 .ga-tree-action,
html body.modern-page .ga-app-sidebar-tree.level-2 .ga-tree-action,
html body.modern-page .ga-app-sidebar-tree.level-3 .ga-tree-action,
html body.modern-page .ga-app-sidebar-tree.level-4 .ga-tree-action {
    gap: 6px !important;
    padding-left: 6px !important;
}

html body.modern-page .ga-combobox-panel {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: none !important;
}

html body.modern-page .ga-combobox-options {
    max-height: 240px !important;
}

html body.modern-page .ga-combobox-option {
    box-sizing: border-box !important;
    line-height: 17px !important;
    max-height: 46px !important;
    min-height: 34px !important;
    padding-bottom: 6px !important;
    padding-top: 6px !important;
}

/* Final fixes for lazy installation tree and app-wide modern combos. */
html body.modern-page .ga-hidden-postback {
    display: none !important;
}

html body.modern-page .ga-installations-tree .ga-tree-action {
    gap: 6px !important;
}

html body.modern-page .ga-installations-tree .ga-tree-icon {
    display: none !important;
}

html body.modern-page .ga-installations-tree.level-0 > .ga-tree-node > .ga-tree-action.icon-installation > .ga-tree-icon,
html body.modern-page .ga-installations-tree .ga-tree-action.icon-water > .ga-tree-icon,
html body.modern-page .ga-installations-tree .ga-tree-action.icon-water-in > .ga-tree-icon,
html body.modern-page .ga-installations-tree .ga-tree-action.icon-water-out > .ga-tree-icon,
html body.modern-page .ga-installations-tree .ga-tree-action.icon-counter > .ga-tree-icon {
    display: inline-flex !important;
}

html body.modern-page .ga-installations-tree .ga-tree-action.icon-none > .ga-tree-icon {
    display: none !important;
}

html body.modern-page .ga-installations-tree .ga-tree-node.has-children > .ga-tree-action > .ga-tree-expander {
    display: inline-block !important;
}

html body.modern-page .ga-installations-tree .ga-tree-node.is-leaf > .ga-tree-action {
    padding-left: 21px !important;
}

html body.modern-page .ga-combobox-trigger,
html body.modern-page .ga-modern-select,
html.RadForm body.modern-page select.ga-modern-select {
    border: 1px solid #a8d2e8 !important;
    border-radius: 7px !important;
    box-shadow: 0 1px 2px rgba(28, 66, 91, .06) !important;
}

html body.modern-page .ga-combobox.is-open .ga-combobox-trigger,
html body.modern-page .ga-combobox-trigger:focus,
html body.modern-page .ga-modern-select:focus {
    border-color: #009ad6 !important;
    box-shadow: 0 0 0 3px rgba(0, 154, 214, .16) !important;
}

html body.modern-page .ga-combobox-panel {
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

html body.modern-page .ga-combobox-search {
    box-sizing: border-box !important;
    width: 100% !important;
}

html body.modern-page .ga-combobox-option {
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    word-break: normal !important;
}

html body.modern-page .ga-tree-action.icon-counter .ga-tree-icon {
    background-image: url("/images/modern-counter.svg") !important;
}

/* Combo labels aligned like modern textboxes. */
html body.modern-page .ga-field-combo {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

html body.modern-page .ga-field-combo > .ga-label {
    line-height: 14px !important;
    margin: 0 0 2px 0 !important;
    min-height: 14px !important;
    padding: 0 !important;
}

/* Installation navigation final tuning. */
html body.modern-page .ga-app-sidebar-tree .ga-tree-action {
    font-size: 12px !important;
}

html body.modern-page .ga-app-sidebar-tree > .ga-tree-node > .ga-tree-action {
    font-size: 13px !important;
    min-height: 34px !important;
}

html body.modern-page .ga-installations-tree .ga-tree-action {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
}

html body.modern-page .ga-installations-tree.level-0 > .ga-tree-node > .ga-tree-action {
    font-weight: 500 !important;
}

html body.modern-page .ga-installations-tree .ga-tree-node.is-selected > .ga-tree-action {
    font-weight: 700 !important;
}

html body.modern-page .ga-installations-tree.level-0 > .ga-tree-node > .ga-tree-action.icon-installation > .ga-tree-icon {
    display: none !important;
}

html body.modern-page .ga-installations-tree .ga-tree-text {
    font-weight: inherit !important;
}

html body.modern-page .ga-installation-actions-tree.level-0 {
    align-items: stretch !important;
    border-bottom: 2px solid #009ad6 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2px !important;
    min-height: 38px !important;
    overflow: visible !important;
    padding: 0 4px !important;
    position: relative !important;
    width: 100% !important;
}

html body.modern-page .ga-installation-actions-tree.level-0 > .ga-tree-node {
    display: block !important;
    margin: 0 !important;
    position: relative !important;
}

html body.modern-page .ga-installation-actions-tree.level-0 > .ga-tree-node > .ga-tree-action {
    border-radius: 7px 7px 0 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    min-height: 36px !important;
    padding: 8px 13px !important;
    white-space: nowrap !important;
    width: auto !important;
}

html body.modern-page .ga-installation-actions-tree.level-0 > .ga-tree-node.is-open > .ga-tree-action,
html body.modern-page .ga-installation-actions-tree.level-0 > .ga-tree-node > .ga-tree-action:hover {
    background: #e8f7fe !important;
    color: #004b79 !important;
}

html body.modern-page .ga-installation-actions-tree.level-0 > .ga-tree-node > .ga-tree-children {
    background: #fff !important;
    border: 1px solid #bfe1f3 !important;
    border-radius: 0 0 7px 7px !important;
    box-shadow: 0 10px 24px rgba(15, 66, 109, .16) !important;
    display: none !important;
    left: 0 !important;
    min-width: 230px !important;
    padding: 6px !important;
    position: absolute !important;
    top: 100% !important;
    z-index: 2500 !important;
}

html body.modern-page .ga-installation-actions-tree.level-0 > .ga-tree-node.is-open > .ga-tree-children,
html body.modern-page .ga-installation-actions-tree.level-0 > .ga-tree-node:hover > .ga-tree-children {
    display: block !important;
}

html body.modern-page .ga-installation-actions-tree .ga-modern-tree {
    min-width: 220px !important;
    padding: 0 !important;
}

html body.modern-page .ga-installation-actions-tree .ga-modern-tree .ga-tree-action {
    border-radius: 5px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    min-height: 31px !important;
    padding: 7px 9px !important;
    width: 100% !important;
}

html body.modern-page .ga-installation-actions-tree .ga-modern-tree .ga-tree-icon {
    display: inline-flex !important;
}

html body.modern-page .ga-field-combo > .ga-label:empty {
    display: none !important;
    margin: 0 !important;
    min-height: 0 !important;
}

/* Header/session and cleaner installation navigation states. */
html body.modern-page #borderTop #UpdatedDateDiv {
    align-items: flex-end !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2px 8px !important;
    justify-content: flex-end !important;
}

html body.modern-page #borderTop #divLoginStatus {
    order: 1 !important;
}

html body.modern-page #borderTop #lblUserName {
    order: 2 !important;
}

html body.modern-page #borderTop .headerLogout {
    display: block !important;
    flex: 0 0 100% !important;
    line-height: 16px !important;
    order: 4 !important;
    text-align: right !important;
}

html body.modern-page #borderTop .headerLogout a {
    background: transparent !important;
    border: 0 !important;
    color: #0f426d !important;
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    text-decoration: none !important;
}

html body.modern-page #borderTop .headerLogout a:hover {
    color: #009ad6 !important;
    text-decoration: underline !important;
}

html body.modern-page #module_status {
    display: none !important;
}

html body.modern-page .ga-installations-tree .ga-tree-node.is-open > .ga-tree-action,
html body.modern-page .ga-installations-tree .ga-tree-node.is-selected > .ga-tree-action {
    background: transparent !important;
    color: #0f426d !important;
}

html body.modern-page .ga-installations-tree .ga-tree-action:hover {
    background: #eef8fd !important;
    color: #0f426d !important;
}

html body.modern-page .ga-installation-actions-tree.level-0 > .ga-tree-node > .ga-tree-action > .ga-tree-expander {
    display: none !important;
}

html body.modern-page .ga-installation-actions-tree.level-0 > .ga-tree-node.has-children > .ga-tree-action {
    padding-left: 13px !important;
}

/* Installation submenu polish: root keeps icons, dropdown children are text-only. */
html body.modern-page .ga-installation-actions-tree.level-0 > .ga-tree-node > .ga-tree-action > .ga-tree-icon {
    display: inline-flex !important;
}

html body.modern-page .ga-installation-actions-tree.level-0 > .ga-tree-node > .ga-tree-children .ga-tree-icon {
    display: none !important;
}

html body.modern-page .ga-installation-actions-tree.level-0 > .ga-tree-node > .ga-tree-children .ga-tree-action {
    gap: 6px !important;
    padding-left: 12px !important;
}

/* Header user block. */
html body.modern-page #borderTop #UpdatedDateDiv {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    justify-items: end !important;
    min-width: 340px !important;
    row-gap: 2px !important;
}

html body.modern-page #borderTop #UpdatedDateDiv > span:first-child {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
}

html body.modern-page #borderTop #UpdatedDateDiv #divLoginStatus,
html body.modern-page #borderTop #UpdatedDateDiv #lblUserName {
    grid-column: 1 !important;
    margin-right: 12px !important;
}

html body.modern-page #borderTop #UpdatedDateDiv #divLoginStatus {
    grid-row: 1 !important;
    margin-top: 0 !important;
}

html body.modern-page #borderTop #UpdatedDateDiv #lblUserName {
    grid-row: 1 !important;
}

html body.modern-page #borderTop #UpdatedDateDiv .headerLogout {
    clear: both !important;
    display: block !important;
    float: none !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    line-height: 1 !important;
    margin: 2px 12px 0 0 !important;
    text-align: right !important;
}

html body.modern-page #borderTop #UpdatedDateDiv .headerLogout a {
    align-items: center !important;
    background: #004b78 !important;
    border: 1px solid #004b78 !important;
    border-radius: 7px !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 26px !important;
    line-height: 1 !important;
    padding: 0 11px !important;
    text-decoration: none !important;
}

html body.modern-page #borderTop #UpdatedDateDiv .headerLogout a:hover {
    background: #006ca8 !important;
    border-color: #006ca8 !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* Modern layout for InstalacionInfo. */
html body.modern-page .ga-info-installation {
    background: #fff !important;
    padding: 12px !important;
}

html body.modern-page .ga-info-installation > h3 {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #b9ddf0 !important;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    color: #0072a6 !important;
    display: flex !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin: 14px 0 0 !important;
    padding: 10px 16px !important;
    text-transform: uppercase !important;
}

html body.modern-page .ga-info-installation .adminTable {
    background: #fff !important;
    border: 1px solid #b9ddf0 !important;
    border-radius: 0 0 8px 8px !important;
    border-spacing: 0 !important;
    display: grid !important;
    gap: 13px 34px !important;
    grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
    margin: 0 0 14px !important;
    padding: 18px !important;
    width: 100% !important;
}

html body.modern-page .ga-info-installation .adminTable tbody,
html body.modern-page .ga-info-installation .adminTable tr {
    display: contents !important;
}

html body.modern-page .ga-info-installation .adminTable td {
    display: block !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

html body.modern-page .ga-info-installation .adminTable td.clave,
html body.modern-page .ga-info-installation .adminTable td:not(.clave):not(:has(.ga-field)):not(:has(.ga-button)) {
    display: none !important;
}

html body.modern-page .ga-info-installation .adminTable td[colspan="6"] {
    display: flex !important;
    grid-column: 1 / -1 !important;
    justify-content: flex-end !important;
    padding-top: 4px !important;
}

html body.modern-page .ga-info-installation .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page .ga-info-installation .ga-label {
    margin-bottom: 5px !important;
}

html body.modern-page .ga-info-installation .ga-modern-input,
html body.modern-page .ga-info-installation .ga-combobox {
    width: 100% !important;
}

@media (max-width: 1100px) {
    html body.modern-page .ga-info-installation .adminTable {
        grid-template-columns: 1fr !important;
    }
}

/* Final spacing fixes for collapsed app rail and installation title. */
html body.modern-page.ga-sidebar-collapsed #adminMenuDiv {
    box-sizing: border-box !important;
    overflow-x: visible !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    width: 58px !important;
}

html body.modern-page.ga-sidebar-collapsed #adminMenuDiv .ga-sidebar-toggle {
    height: 36px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 36px !important;
}

html body.modern-page.ga-sidebar-collapsed #adminMenuDiv .ga-app-sidebar-tree {
    overflow: visible !important;
    width: 40px !important;
}

html body.modern-page.ga-sidebar-collapsed #adminMenuDiv .ga-app-sidebar-tree > .ga-tree-node > .ga-tree-action {
    align-items: center !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    min-height: 40px !important;
    overflow: visible !important;
    padding: 8px 0 !important;
    width: 40px !important;
}

html body.modern-page.ga-sidebar-collapsed #adminMenuDiv .ga-app-sidebar-tree > .ga-tree-node > .ga-tree-action > .ga-tree-icon {
    flex: 0 0 22px !important;
    height: 22px !important;
    margin: 0 !important;
    width: 22px !important;
}

html body.modern-page.ga-sidebar-collapsed .content-box {
    margin-left: 58px !important;
}

html body.modern-page.ga-sidebar-collapsed #borderTop.h_blue {
    left: 82px !important;
}

html body.modern-page .ga-main-master #rightPanel .tocResize {
    z-index: 4 !important;
}

html body.modern-page .ga-main-master #divMenuContainer {
    position: relative !important;
}

html body.modern-page .ga-main-master #currentInstalacion {
    padding-left: 22px !important;
}

html body.modern-page .ga-main-master #currentInstalacion h2 {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Final header/logout cleanup: keep the master logout out of the old green link style. */
html body.modern-page #borderTop #UpdatedDateDiv span.logout.headerLogout,
html body.modern-page #borderTop #UpdatedDateDiv .headerLogout {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    line-height: 1 !important;
    margin: 4px 12px 0 0 !important;
    text-align: right !important;
}

html body.modern-page #borderTop #UpdatedDateDiv span.logout.headerLogout a,
html body.modern-page #borderTop #UpdatedDateDiv .headerLogout a,
html body.modern-page #borderTop #UpdatedDateDiv .logout a {
    align-items: center !important;
    background: #004b78 !important;
    border: 1px solid #004b78 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 26px !important;
    justify-content: center !important;
    padding: 0 11px !important;
    text-decoration: none !important;
}

html body.modern-page #borderTop #UpdatedDateDiv span.logout.headerLogout a:hover,
html body.modern-page #borderTop #UpdatedDateDiv .headerLogout a:hover,
html body.modern-page #borderTop #UpdatedDateDiv .logout a:hover {
    background: #006ca8 !important;
    border-color: #006ca8 !important;
    color: #fff !important;
    text-decoration: none !important;
}

html body.modern-page #borderTop #UpdatedDateDiv.ga-header-user {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 1fr !important;
    justify-items: end !important;
    min-width: 360px !important;
}

html body.modern-page #borderTop #UpdatedDateDiv.ga-header-user > span:first-child {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

html body.modern-page #borderTop #UpdatedDateDiv .ga-header-user-info {
    align-items: flex-end !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 12px 0 0 !important;
    text-align: right !important;
}

html body.modern-page #borderTop #UpdatedDateDiv .ga-header-user-info #lblUserName {
    margin: 0 !important;
}

html body.modern-page #borderTop #UpdatedDateDiv .ga-header-user-info .headerLogout {
    display: block !important;
    line-height: 1 !important;
    margin: 0 !important;
    text-align: right !important;
}

html body.modern-page #borderTop #UpdatedDateDiv .ga-header-user-info .headerLogout a {
    height: 24px !important;
    padding: 0 10px !important;
}

/* WebForms prefixes master IDs at runtime, so use suffix selectors for the header user block. */
html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user {
    align-items: center !important;
    box-sizing: border-box !important;
    display: grid !important;
    float: right !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    height: 72px !important;
    justify-items: end !important;
    min-width: 390px !important;
    overflow: visible !important;
    padding: 8px 16px 6px 0 !important;
    position: relative !important;
    text-align: right !important;
    visibility: visible !important;
    width: auto !important;
    z-index: 20 !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user > span:first-child {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    visibility: visible !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user [id$="imgLogoCliente"] {
    display: block !important;
    height: 54px !important;
    max-width: 100px !important;
    object-fit: contain !important;
    visibility: visible !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info {
    align-items: flex-end !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-content: center !important;
    margin: 0 12px 0 0 !important;
    max-width: 240px !important;
    min-height: 54px !important;
    overflow: visible !important;
    text-align: right !important;
    visibility: visible !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info #lblUser,
html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info #lblUserName {
    color: #001f35 !important;
    display: block !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    max-width: 240px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    visibility: visible !important;
    white-space: nowrap !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info #lblUserName {
    background: #eef8fd !important;
    border: 1px solid #cceafd !important;
    border-radius: 999px !important;
    color: #004b78 !important;
    font-weight: 800 !important;
    padding: 3px 10px !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info .headerLogout {
    display: block !important;
    float: none !important;
    line-height: 1 !important;
    margin: 0 !important;
    position: static !important;
    text-align: right !important;
    visibility: visible !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info .headerLogout a {
    align-items: center !important;
    background: #004b78 !important;
    border: 1px solid #004b78 !important;
    border-radius: 7px !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 24px !important;
    justify-content: center !important;
    padding: 0 10px !important;
    text-decoration: none !important;
    visibility: visible !important;
    white-space: nowrap !important;
}

/* Instalaciones.aspx: use the same field rhythm as Contadores, not the old adminTable label columns. */
html body.modern-page .infoInstalacion fieldset[id$="fsInstalacion"] > table.adminTable,
html body.modern-page .infoInstalacion fieldset[id$="fsInstalacionSomacyl"] > table.adminTable,
html body.modern-page .infoInstalacion fieldset[id$="fsCaracteristicas"] > table.adminTable,
html body.modern-page .infoInstalacion fieldset[id$="fsInstalacion"] > table.adminTable > tbody,
html body.modern-page .infoInstalacion fieldset[id$="fsInstalacionSomacyl"] > table.adminTable > tbody,
html body.modern-page .infoInstalacion fieldset[id$="fsCaracteristicas"] > table.adminTable > tbody {
    display: block !important;
    width: 100% !important;
}

html body.modern-page .infoInstalacion fieldset[id$="fsInstalacion"] > table.adminTable > tbody > tr,
html body.modern-page .infoInstalacion fieldset[id$="fsInstalacionSomacyl"] > table.adminTable > tbody > tr,
html body.modern-page .infoInstalacion fieldset[id$="fsCaracteristicas"] > table.adminTable > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 16px 42px !important;
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
    margin: 0 0 14px !important;
    width: 100% !important;
}

html body.modern-page .infoInstalacion fieldset[id$="fsInstalacion"] > table.adminTable > tbody > tr > td.clave,
html body.modern-page .infoInstalacion fieldset[id$="fsInstalacionSomacyl"] > table.adminTable > tbody > tr > td.clave,
html body.modern-page .infoInstalacion fieldset[id$="fsCaracteristicas"] > table.adminTable > tbody > tr > td.clave {
    display: none !important;
}

html body.modern-page .infoInstalacion fieldset[id$="fsInstalacion"] > table.adminTable > tbody > tr > td:not(.clave),
html body.modern-page .infoInstalacion fieldset[id$="fsInstalacionSomacyl"] > table.adminTable > tbody > tr > td:not(.clave),
html body.modern-page .infoInstalacion fieldset[id$="fsCaracteristicas"] > table.adminTable > tbody > tr > td:not(.clave) {
    display: block !important;
    padding: 0 !important;
    width: auto !important;
}

html body.modern-page .infoInstalacion fieldset[id$="fsInstalacion"] > table.adminTable > tbody > tr > td[colspan="3"],
html body.modern-page .infoInstalacion fieldset[id$="fsInstalacionSomacyl"] > table.adminTable > tbody > tr > td[colspan="3"],
html body.modern-page .infoInstalacion fieldset[id$="fsCaracteristicas"] > table.adminTable > tbody > tr > td[colspan="3"] {
    grid-column: 1 / -1 !important;
}

html body.modern-page .infoInstalacion fieldset[id$="fsInstalacion"] .ga-field,
html body.modern-page .infoInstalacion fieldset[id$="fsInstalacionSomacyl"] .ga-field,
html body.modern-page .infoInstalacion fieldset[id$="fsCaracteristicas"] .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page .infoInstalacion fieldset[id$="fsInstalacion"] .ga-label,
html body.modern-page .infoInstalacion fieldset[id$="fsInstalacionSomacyl"] .ga-label,
html body.modern-page .infoInstalacion fieldset[id$="fsCaracteristicas"] .ga-label {
    margin-bottom: 6px !important;
}

html body.modern-page .infoInstalacion fieldset[id$="fsInstalacion"] .ga-modern-input,
html body.modern-page .infoInstalacion fieldset[id$="fsInstalacionSomacyl"] .ga-modern-input,
html body.modern-page .infoInstalacion fieldset[id$="fsCaracteristicas"] .ga-modern-input,
html body.modern-page .infoInstalacion fieldset[id$="fsInstalacion"] .ga-picker-shell,
html body.modern-page .infoInstalacion fieldset[id$="fsInstalacionSomacyl"] .ga-picker-shell,
html body.modern-page .infoInstalacion fieldset[id$="fsCaracteristicas"] .ga-picker-shell {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body.modern-page .infoInstalacion fieldset[id$="fsInstalacionSomacyl"] [id$="btnUrlGoogle"] {
    margin-top: 20px !important;
}

@media (max-width: 980px) {
    html body.modern-page .infoInstalacion fieldset[id$="fsInstalacion"] > table.adminTable > tbody > tr,
    html body.modern-page .infoInstalacion fieldset[id$="fsInstalacionSomacyl"] > table.adminTable > tbody > tr,
    html body.modern-page .infoInstalacion fieldset[id$="fsCaracteristicas"] > table.adminTable > tbody > tr {
        grid-template-columns: 1fr !important;
    }
}

/* EmpresasEntry: same modern field layout used in Contadores/Instalaciones. */
html body.modern-page table.adminTable.empresa-entry,
html body.modern-page table.adminTable.empresa-entry > tbody {
    display: block !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.empresa-entry > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 16px 42px !important;
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
    margin: 0 0 14px !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.empresa-entry > tbody > tr > td.clave {
    display: none !important;
}

html body.modern-page table.adminTable.empresa-entry > tbody > tr > td:not(.clave) {
    display: block !important;
    margin-left: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

html body.modern-page table.adminTable.empresa-entry > tbody > tr > td[colspan="3"],
html body.modern-page table.adminTable.empresa-entry > tbody > tr > td[colspan="4"] {
    grid-column: 1 / -1 !important;
}

html body.modern-page table.adminTable.empresa-entry .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.empresa-entry .ga-label {
    margin-bottom: 6px !important;
}

html body.modern-page table.adminTable.empresa-entry .ga-modern-input,
html body.modern-page table.adminTable.empresa-entry .ga-picker-shell {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.empresa-entry > tbody > tr:last-child {
    align-items: center !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
}

@media (max-width: 980px) {
    html body.modern-page table.adminTable.empresa-entry > tbody > tr {
        grid-template-columns: 1fr !important;
    }
}

/* TipoEmpresaEntry: compact modern edit form for Maintenance/TiposEmpresa.aspx. */
html body.modern-page table.adminTable.tipo-empresa-entry,
html body.modern-page table.adminTable.tipo-empresa-entry > tbody {
    display: block !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-empresa-entry > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 14px 24px !important;
    grid-template-columns: minmax(260px, 420px) auto !important;
    margin: 0 0 14px !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-empresa-entry > tbody > tr > td:first-child:not(:has(.ga-field)):not(:has(.ga-button)) {
    display: none !important;
}

html body.modern-page table.adminTable.tipo-empresa-entry > tbody > tr > td {
    display: block !important;
    padding: 0 !important;
    width: auto !important;
}

html body.modern-page table.adminTable.tipo-empresa-entry .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-empresa-entry .ga-label {
    margin-bottom: 6px !important;
}

html body.modern-page table.adminTable.tipo-empresa-entry .ga-modern-input {
    box-sizing: border-box !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-empresa-entry > tbody > tr:last-child {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
}

@media (max-width: 980px) {
    html body.modern-page table.adminTable.tipo-empresa-entry > tbody > tr {
        grid-template-columns: 1fr !important;
    }
}

html body.modern-page .ga-color-control {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
}

html body.modern-page .ga-modern-color {
    background: #fff !important;
    border: 1px solid #9bd3ef !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    height: 34px !important;
    padding: 3px !important;
    width: 58px !important;
}

html body.modern-page .ga-color-value {
    color: #00324a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* TipoInstalacionEntry: modern components and compact characteristic grid. */
html body.modern-page table.adminTable.tipo-instalacion-entry,
html body.modern-page table.adminTable.tipo-instalacion-entry > tbody {
    display: block !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-instalacion-entry > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 16px 28px !important;
    grid-template-columns: repeat(3, minmax(210px, 1fr)) !important;
    margin: 0 0 14px !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-instalacion-entry:not(.tipo-instalacion-caracteristicas) > tbody > tr {
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
}

html body.modern-page table.adminTable.tipo-instalacion-entry > tbody > tr > td.clave,
html body.modern-page table.adminTable.tipo-instalacion-entry > tbody > tr > td:not(:has(.ga-field)):not(:has(.ga-button)):empty {
    display: none !important;
}

html body.modern-page table.adminTable.tipo-instalacion-entry > tbody > tr > td {
    display: block !important;
    padding: 0 !important;
    width: auto !important;
}

html body.modern-page table.adminTable.tipo-instalacion-entry .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-instalacion-entry .ga-label {
    margin-bottom: 6px !important;
}

html body.modern-page table.adminTable.tipo-instalacion-entry .ga-modern-input,
html body.modern-page table.adminTable.tipo-instalacion-entry .ga-multiselect,
html body.modern-page table.adminTable.tipo-instalacion-entry .ga-multiselect-trigger {
    box-sizing: border-box !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-instalacion-entry > tbody > tr:last-child {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
}

@media (max-width: 1100px) {
    html body.modern-page table.adminTable.tipo-instalacion-entry > tbody > tr,
    html body.modern-page table.adminTable.tipo-instalacion-entry:not(.tipo-instalacion-caracteristicas) > tbody > tr {
        grid-template-columns: 1fr !important;
    }
}

/* TipoIncidenciaEntry: modern components for Maintenance/TiposIncidencia.aspx. */
html body.modern-page table.adminTable.tipo-incidencia-entry,
html body.modern-page table.adminTable.tipo-incidencia-entry > tbody {
    display: block !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-incidencia-entry > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 16px 28px !important;
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
    margin: 0 0 14px !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-incidencia-entry > tbody > tr > td.clave,
html body.modern-page table.adminTable.tipo-incidencia-entry > tbody > tr > td:not(:has(.ga-field)):not(:has(.ga-button)):empty {
    display: none !important;
}

html body.modern-page table.adminTable.tipo-incidencia-entry > tbody > tr > td {
    display: block !important;
    padding: 0 !important;
    width: auto !important;
}

html body.modern-page table.adminTable.tipo-incidencia-entry .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-incidencia-entry .ga-label {
    margin-bottom: 6px !important;
}

html body.modern-page table.adminTable.tipo-incidencia-entry .ga-modern-input {
    box-sizing: border-box !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-incidencia-entry > tbody > tr:last-child {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
}

@media (max-width: 980px) {
    html body.modern-page table.adminTable.tipo-incidencia-entry > tbody > tr {
        grid-template-columns: 1fr !important;
    }
}

/* TipoCaudalimetroEntry: compact modern edit form for Maintenance/TiposCaudalimetro.aspx. */
html body.modern-page table.adminTable.tipo-caudalimetro-entry,
html body.modern-page table.adminTable.tipo-caudalimetro-entry > tbody {
    display: block !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-caudalimetro-entry > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 14px 24px !important;
    grid-template-columns: minmax(260px, 420px) auto !important;
    margin: 0 0 14px !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-caudalimetro-entry > tbody > tr > td:first-child:not(:has(.ga-field)):not(:has(.ga-button)) {
    display: none !important;
}

html body.modern-page table.adminTable.tipo-caudalimetro-entry > tbody > tr > td {
    display: block !important;
    padding: 0 !important;
    width: auto !important;
}

html body.modern-page table.adminTable.tipo-caudalimetro-entry .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-caudalimetro-entry .ga-label {
    margin-bottom: 6px !important;
}

html body.modern-page table.adminTable.tipo-caudalimetro-entry .ga-modern-input {
    box-sizing: border-box !important;
    width: 100% !important;
}

html body.modern-page table.adminTable.tipo-caudalimetro-entry > tbody > tr:last-child {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
}

@media (max-width: 980px) {
    html body.modern-page table.adminTable.tipo-caudalimetro-entry > tbody > tr {
        grid-template-columns: 1fr !important;
    }
}

/* Header login: welcome + user on the same line, logout as the action below. */
html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info {
    align-content: center !important;
    align-items: center !important;
    display: grid !important;
    gap: 4px 6px !important;
    grid-template-columns: auto auto !important;
    grid-template-rows: auto auto !important;
    justify-content: end !important;
    justify-items: end !important;
    line-height: 1.1 !important;
    margin: 0 12px 0 0 !important;
    max-width: 260px !important;
    min-height: 54px !important;
    overflow: visible !important;
    text-align: right !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info #lblUser {
    color: #001f35 !important;
    display: inline-block !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    line-height: 18px !important;
    margin: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info #lblUserName {
    align-items: center !important;
    background: #eef8fd !important;
    border: 1px solid #cceafd !important;
    border-radius: 999px !important;
    color: #004b78 !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    line-height: 18px !important;
    margin: 0 !important;
    max-width: 150px !important;
    min-height: 20px !important;
    overflow: hidden !important;
    padding: 2px 9px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info .headerLogout {
    display: block !important;
    float: none !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    line-height: 1 !important;
    margin: 0 !important;
    position: static !important;
    text-align: right !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info .headerLogout a {
    align-items: center !important;
    background: #004b78 !important;
    border: 1px solid #004b78 !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    height: 23px !important;
    justify-content: center !important;
    padding: 0 10px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* Installation document grid: keep the download icon from colliding with long filenames. */
html body.modern-page [id$="gridInstalacionesFiles"] a.downloadlink,
html body.modern-page [id$="gridInstalacionesFiles"] .downloadlink {
    background-image: none !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    gap: 9px !important;
    align-items: center !important;
    line-height: 18px !important;
    max-width: 100% !important;
    min-height: 24px !important;
    min-width: 360px !important;
    overflow: hidden !important;
    padding: 4px 12px !important;
    text-align: left !important;
    text-indent: 0 !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

html body.modern-page [id$="gridInstalacionesFiles"] a.downloadlink::before {
    background: url("../images/download_on.png") no-repeat center center !important;
    background-size: 16px 16px !important;
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 18px !important;
    height: 18px !important;
    margin: 0 !important;
    position: static !important;
    width: 18px !important;
}

html body.modern-page [id$="gridInstalacionesFiles"] {
    table-layout: fixed !important;
    width: 100% !important;
}

html body.modern-page [id$="gridInstalacionesFiles"] .rgMasterTable {
    table-layout: fixed !important;
    width: 100% !important;
}

html body.modern-page [id$="gridInstalacionesFiles"] .rgHeader,
html body.modern-page [id$="gridInstalacionesFiles"] .rgRow td,
html body.modern-page [id$="gridInstalacionesFiles"] .rgAltRow td {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

html body.modern-page [id$="gridInstalacionesFiles"] td:nth-child(4),
html body.modern-page [id$="gridInstalacionesFiles"] th:nth-child(4) {
    width: 48% !important;
}

html body.modern-page [id$="gridInstalacionesFiles"] td:nth-child(5),
html body.modern-page [id$="gridInstalacionesFiles"] th:nth-child(5),
html body.modern-page [id$="gridInstalacionesFiles"] td:nth-child(6),
html body.modern-page [id$="gridInstalacionesFiles"] th:nth-child(6) {
    text-align: center !important;
    width: 70px !important;
}

/* Telerik grid command links: old sprite icons must not cover the first text letter. */
html body.modern-page .RadGrid .rgCommandRow a,
html body.modern-page .RadGrid .rgCommandCell a {
    align-items: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    gap: 8px !important;
    line-height: 22px !important;
    min-height: 24px !important;
    padding: 3px 10px !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
}

html body.modern-page .RadGrid .rgCommandRow a .rgIcon,
html body.modern-page .RadGrid .rgCommandRow a .t-font-icon,
html body.modern-page .RadGrid .rgCommandCell a .rgIcon,
html body.modern-page .RadGrid .rgCommandCell a .t-font-icon {
    flex: 0 0 auto !important;
    margin: 0 !important;
    position: static !important;
}

html body.modern-page .RadGrid .rgCommandRow a::before,
html body.modern-page .RadGrid .rgCommandCell a::before {
    margin-right: 8px !important;
    position: static !important;
}

/* ListadoInstalaciones.aspx: modern filter strip and edit form. */
html body.modern-page.listado-instalaciones-page .instalaciones-filters {
    background: #fff !important;
    border: 1px solid #d6e8f4 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    margin: 0 0 14px !important;
    padding: 16px 22px !important;
}

html body.modern-page.listado-instalaciones-page .listado-instalaciones-filter-row {
    align-items: end !important;
    display: grid !important;
    gap: 16px 22px !important;
    grid-template-columns: minmax(260px, 360px) minmax(160px, 210px) !important;
    justify-content: start !important;
}

html body.modern-page.listado-instalaciones-page .listado-instalaciones-filter-row .ga-field {
    margin: 0 !important;
}

html body.modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry,
html body.modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody {
    display: block !important;
    width: 100% !important;
}

html body.modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 16px 28px !important;
    grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
    margin: 0 0 14px !important;
    width: 100% !important;
}

html body.modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody > tr > td.clave,
html body.modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody > tr > td:not(:has(.ga-field)):not(:has(.ga-button)):empty {
    display: none !important;
}

html body.modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody > tr > td {
    display: block !important;
    padding: 0 !important;
    width: auto !important;
}

html body.modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry .ga-modern-input,
html body.modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry .ga-combo-shell {
    box-sizing: border-box !important;
    width: 100% !important;
}

html body.modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry .ga-field-check {
    align-self: center !important;
    padding-top: 18px !important;
}

html body.modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody > tr:last-child {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
}

html body.modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody > tr:last-child > td {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

@media (max-width: 980px) {
    html body.modern-page.listado-instalaciones-page .listado-instalaciones-filter-row,
    html body.modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody > tr {
        grid-template-columns: 1fr !important;
    }
}

/* Runtime correction: ListadoInstalaciones has .modern-page on the page wrapper, not on body. */
html body .modern-page.listado-instalaciones-page .instalaciones-filters {
    background: #fff !important;
    border: 1px solid #d6e8f4 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    margin: 0 0 14px !important;
    padding: 16px 22px !important;
}

html body .modern-page.listado-instalaciones-page .listado-instalaciones-filter-row {
    align-items: end !important;
    display: grid !important;
    gap: 16px 22px !important;
    grid-template-columns: minmax(260px, 360px) minmax(160px, 210px) !important;
    justify-content: start !important;
}

html body .modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry,
html body .modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody {
    display: block !important;
    width: 100% !important;
}

html body .modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 16px 28px !important;
    grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
    margin: 0 0 14px !important;
    width: 100% !important;
}

html body .modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody > tr > td.clave,
html body .modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody > tr > td:not(:has(.ga-field)):not(:has(.ga-button)):empty {
    display: none !important;
}

html body .modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody > tr > td {
    display: block !important;
    padding: 0 !important;
    width: auto !important;
}

html body .modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body .modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry .ga-modern-input,
html body .modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry .ga-combo-shell {
    box-sizing: border-box !important;
    width: 100% !important;
}

html body .modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry .ga-field-check {
    align-self: center !important;
    padding-top: 18px !important;
}

html body .modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody > tr:last-child {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
}

html body .modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody > tr:last-child > td {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

@media (max-width: 980px) {
    html body .modern-page.listado-instalaciones-page .listado-instalaciones-filter-row,
    html body .modern-page.listado-instalaciones-page .rgEditForm table.instalaciones-entry > tbody > tr {
        grid-template-columns: 1fr !important;
    }
}

/* Header user block: align welcome/user/logout lower with the customer logo text. */
html body [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info {
    transform: translateY(10px) !important;
}

/* Installation tree: make expand/collapse easy to hit without stealing clicks from the node text. */
html body.modern-page .ga-installations-tree .ga-tree-node.has-children:not(.is-loading) > .ga-tree-action > .ga-tree-expander {
    align-items: center !important;
    border: 0 !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    flex: 0 0 28px !important;
    height: 28px !important;
    justify-content: center !important;
    margin: -5px -2px -5px -7px !important;
    transform: none !important;
    width: 28px !important;
}

html body.modern-page .ga-installations-tree .ga-tree-node.has-children:not(.is-loading) > .ga-tree-action > .ga-tree-expander::before {
    border-color: transparent transparent transparent #5c7486 !important;
    border-style: solid !important;
    border-width: 4px 0 4px 5px !important;
    content: "" !important;
    display: block !important;
    height: 0 !important;
    transition: transform .14s ease !important;
    width: 0 !important;
}

html body.modern-page .ga-installations-tree .ga-tree-node.has-children:not(.is-loading) > .ga-tree-action:hover > .ga-tree-expander {
    background: rgba(0, 154, 214, .08) !important;
}

html body.modern-page .ga-installations-tree .ga-tree-node.is-open:not(.is-loading) > .ga-tree-action > .ga-tree-expander::before {
    transform: rotate(90deg) !important;
}

/* Header user block: keep logout out of the second line below the welcome text. */
html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info {
    align-items: center !important;
    display: grid !important;
    gap: 0 6px !important;
    grid-template-columns: auto auto auto !important;
    grid-template-rows: auto !important;
    justify-content: end !important;
    justify-items: end !important;
    max-width: none !important;
    min-height: 32px !important;
    transform: translateY(10px) !important;
    white-space: nowrap !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info #lblUser {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info #lblUserName {
    grid-column: 2 !important;
    grid-row: 1 !important;
    max-width: 160px !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info .headerLogout {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info .headerLogout a {
    height: 22px !important;
    padding: 0 9px !important;
}

/* Keep logout visible below the signed-in user name. */
html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info {
    grid-template-columns: auto auto !important;
    grid-template-rows: auto auto !important;
}

html body.modern-page [id$="borderTop"] [id$="UpdatedDateDiv"].ga-header-user .ga-header-user-info .headerLogout {
    display: block !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    line-height: 1 !important;
    margin: 2px 0 0 !important;
}

/* TiposCtoElectrico.aspx: replace the legacy Telerik form layout with modern components. */
html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry,
html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    display: block !important;
    width: 100% !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 14px 28px !important;
    margin: 0 0 12px !important;
    width: 100% !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr.tipo-contrato-main-row {
    grid-template-columns: minmax(320px, 1fr) minmax(140px, 180px) minmax(190px, 230px) !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr.tipo-contrato-period-row,
html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr.tipo-contrato-reactiva-row {
    grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr) !important;
    max-width: 980px !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr.tipo-contrato-modo-row {
    grid-template-columns: minmax(320px, 420px) !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr.tipo-contrato-notas-row {
    grid-template-columns: minmax(420px, 920px) !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr.tipo-contrato-actions-row {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
    max-width: 980px !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr > td.clave,
html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr > td:not(:has(.ga-field)):not(:has(.ga-button)):empty {
    display: none !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    display: block !important;
    padding: 0 !important;
    vertical-align: top !important;
    width: auto !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry .ga-label {
    margin-bottom: 6px !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry .ga-modern-input,
html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry .ga-combo-shell,
html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry .ga-combobox-trigger {
    box-sizing: border-box !important;
    width: 100% !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry textarea.ga-modern-input {
    min-height: 92px !important;
}

html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry .ga-field-error {
    clip: rect(0 0 0 0) !important;
    border: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

@media (max-width: 1100px) {
    html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr.tipo-contrato-main-row,
    html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr.tipo-contrato-period-row,
    html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr.tipo-contrato-reactiva-row,
    html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr.tipo-contrato-modo-row,
    html body .modern-page.tipos-cto-electrico-page .rgEditForm table.tipo-contrato-entry > tbody > tr.tipo-contrato-notas-row {
        grid-template-columns: 1fr !important;
        max-width: none !important;
    }
}

/* TiposTarifa.aspx: modern edit form. */
html body .modern-page.tipos-tarifa-page .rgEditForm table.tipo-tarifa-entry,
html body .modern-page.tipos-tarifa-page .rgEditForm table.tipo-tarifa-entry > tbody {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    display: block !important;
    width: 100% !important;
}

html body .modern-page.tipos-tarifa-page .rgEditForm table.tipo-tarifa-entry > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 16px 28px !important;
    grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
    margin: 0 0 14px !important;
    max-width: 980px !important;
    width: 100% !important;
}

html body .modern-page.tipos-tarifa-page .rgEditForm table.tipo-tarifa-entry > tbody > tr.tipo-tarifa-actions-row {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
}

html body .modern-page.tipos-tarifa-page .rgEditForm table.tipo-tarifa-entry > tbody > tr > td.clave,
html body .modern-page.tipos-tarifa-page .rgEditForm table.tipo-tarifa-entry > tbody > tr > td:not(:has(.ga-field)):not(:has(.ga-button)):empty {
    display: none !important;
}

html body .modern-page.tipos-tarifa-page .rgEditForm table.tipo-tarifa-entry > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    display: block !important;
    padding: 0 !important;
    width: auto !important;
}

html body .modern-page.tipos-tarifa-page .rgEditForm table.tipo-tarifa-entry .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body .modern-page.tipos-tarifa-page .rgEditForm table.tipo-tarifa-entry .ga-label {
    margin-bottom: 6px !important;
}

html body .modern-page.tipos-tarifa-page .rgEditForm table.tipo-tarifa-entry .ga-modern-input,
html body .modern-page.tipos-tarifa-page .rgEditForm table.tipo-tarifa-entry .ga-combobox-trigger {
    box-sizing: border-box !important;
    width: 100% !important;
}

@media (max-width: 980px) {
    html body .modern-page.tipos-tarifa-page .rgEditForm table.tipo-tarifa-entry > tbody > tr {
        grid-template-columns: 1fr !important;
        max-width: none !important;
    }
}

/* TiposDisconformidadElect.aspx: compact modern edit form. */
html body .modern-page.tipos-disconformidad-page .rgEditForm table.tipo-disconformidad-entry,
html body .modern-page.tipos-disconformidad-page .rgEditForm table.tipo-disconformidad-entry > tbody {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    display: block !important;
    width: 100% !important;
}

html body .modern-page.tipos-disconformidad-page .rgEditForm table.tipo-disconformidad-entry > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 14px 24px !important;
    grid-template-columns: minmax(280px, 460px) !important;
    margin: 0 0 14px !important;
    width: 100% !important;
}

html body .modern-page.tipos-disconformidad-page .rgEditForm table.tipo-disconformidad-entry > tbody > tr > td.clave,
html body .modern-page.tipos-disconformidad-page .rgEditForm table.tipo-disconformidad-entry > tbody > tr > td:not(:has(.ga-field)):not(:has(.ga-button)):empty {
    display: none !important;
}

html body .modern-page.tipos-disconformidad-page .rgEditForm table.tipo-disconformidad-entry > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    display: block !important;
    padding: 0 !important;
    width: auto !important;
}

html body .modern-page.tipos-disconformidad-page .rgEditForm table.tipo-disconformidad-entry .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body .modern-page.tipos-disconformidad-page .rgEditForm table.tipo-disconformidad-entry .modern-inline-actions {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    max-width: 460px !important;
}

/* TiposReclamacionElect.aspx: compact modern edit form. */
html body .modern-page.tipos-reclamacion-page .rgEditForm table.tipo-reclamacion-entry,
html body .modern-page.tipos-reclamacion-page .rgEditForm table.tipo-reclamacion-entry > tbody {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    display: block !important;
    width: 100% !important;
}

html body .modern-page.tipos-reclamacion-page .rgEditForm table.tipo-reclamacion-entry > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 14px 24px !important;
    grid-template-columns: minmax(280px, 460px) !important;
    margin: 0 0 14px !important;
    width: 100% !important;
}

html body .modern-page.tipos-reclamacion-page .rgEditForm table.tipo-reclamacion-entry > tbody > tr > td.clave,
html body .modern-page.tipos-reclamacion-page .rgEditForm table.tipo-reclamacion-entry > tbody > tr > td:not(:has(.ga-field)):not(:has(.ga-button)):empty {
    display: none !important;
}

html body .modern-page.tipos-reclamacion-page .rgEditForm table.tipo-reclamacion-entry > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    display: block !important;
    padding: 0 !important;
    width: auto !important;
}

html body .modern-page.tipos-reclamacion-page .rgEditForm table.tipo-reclamacion-entry .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body .modern-page.tipos-reclamacion-page .rgEditForm table.tipo-reclamacion-entry .modern-inline-actions {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    max-width: 460px !important;
}

/* TiposDeAgua.aspx: modern fields with an embedded prices grid. */
html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry,
html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry > tbody {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    display: block !important;
    max-width: none !important;
    width: 100% !important;
}

html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 14px 24px !important;
    margin: 0 0 14px !important;
    width: 100% !important;
}

html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry > tbody > tr.tipo-agua-main-row {
    grid-template-columns: minmax(320px, 520px) !important;
}

html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry > tbody > tr.tipo-agua-price-row {
    grid-template-columns: repeat(3, minmax(220px, 300px)) !important;
}

html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry > tbody > tr.tipo-agua-notas-row {
    grid-template-columns: minmax(420px, 920px) !important;
}

html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry > tbody > tr.tipo-agua-grid-row {
    display: block !important;
    margin-top: 6px !important;
    max-width: none !important;
    width: 100% !important;
}

html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry > tbody > tr.tipo-agua-actions-row {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
}

html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry > tbody > tr > td.clave,
html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry > tbody > tr > td:not(:has(.ga-field)):not(:has(.ga-button)):empty {
    display: none !important;
}

html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    display: block !important;
    padding: 0 !important;
    width: auto !important;
}

html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry > tbody > tr.tipo-agua-grid-row > td {
    max-width: none !important;
    width: 100% !important;
}

html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry .tipo-agua-actions-row td,
html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry .tipo-agua-actions-row > td {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid {
    border: 1px solid #c8e4f8 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    max-width: 100% !important;
    min-width: 1120px !important;
    width: 100% !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgDataDiv,
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgHeaderDiv {
    overflow: visible !important;
    width: 100% !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgMasterTable {
    table-layout: fixed !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgHeader,
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid td {
    box-sizing: border-box !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid input[type="text"],
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .riTextBox {
    max-width: 100% !important;
    width: 100% !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow td {
    padding: 9px 10px !important;
    vertical-align: middle !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow td:first-child {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    justify-content: center !important;
    min-width: 104px !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow td:first-child input[type="image"] {
    background: #fff !important;
    border: 1px solid #d5e7f4 !important;
    border-radius: 5px !important;
    box-sizing: content-box !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 6px !important;
    width: 16px !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow td:first-child input[type="image"]:hover {
    background: #eaf7ff !important;
    border-color: #9bd0f4 !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow input[type="text"],
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .riTextBox {
    box-sizing: border-box !important;
    height: 34px !important;
    max-width: 100% !important;
    width: 100% !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .RadDatePicker,
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .RadDatePicker > table {
    box-sizing: border-box !important;
    max-width: 100% !important;
    width: 100% !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .RadDatePicker {
    background: #fff !important;
    border: 1px solid #9bd0f4 !important;
    border-radius: 6px !important;
    height: 34px !important;
    overflow: hidden !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .RadDatePicker > table,
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .RadDatePicker tbody,
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .RadDatePicker tr {
    background: transparent !important;
    border: 0 !important;
    height: 32px !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .RadDatePicker td {
    background: transparent !important;
    border: 0 !important;
    height: 32px !important;
    padding: 0 !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .RadDatePicker .rcInputCell {
    width: calc(100% - 34px) !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .RadDatePicker .riTextBox {
    border: 0 !important;
    box-shadow: none !important;
    height: 32px !important;
    line-height: 32px !important;
    min-height: 32px !important;
    padding: 0 8px !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .RadDatePicker .rcCalPopup {
    background: #f8fcff !important;
    border-left: 1px solid #c8e4f8 !important;
    height: 32px !important;
    margin: 0 !important;
    width: 34px !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .RadInput,
html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .RadInput > table {
    max-width: 100% !important;
    width: 100% !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .ga-field-date {
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .ga-field-date .ga-label:empty {
    display: none !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .ga-field-date .ga-date-control {
    height: 34px !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body .modern-page.tipos-agua-page .rgEditForm .tipo-agua-precios-grid .rgEditRow .ga-field-date .ga-modern-input {
    min-width: 0 !important;
}

@media (max-width: 1100px) {
    html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry > tbody > tr.tipo-agua-main-row,
    html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry > tbody > tr.tipo-agua-price-row,
    html body .modern-page.tipos-agua-page .rgEditForm table.tipo-agua-entry > tbody > tr.tipo-agua-notas-row {
        grid-template-columns: 1fr !important;
    }
}

/* TiposContador.aspx: compact modern edit form. */
html body .modern-page.tipos-contador-page .rgEditForm table.tipo-contador-entry,
html body .modern-page.tipos-contador-page .rgEditForm table.tipo-contador-entry > tbody {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    display: block !important;
    width: 100% !important;
}

html body .modern-page.tipos-contador-page .rgEditForm table.tipo-contador-entry > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 14px 24px !important;
    grid-template-columns: minmax(280px, 460px) !important;
    margin: 0 0 14px !important;
    width: 100% !important;
}

html body .modern-page.tipos-contador-page .rgEditForm table.tipo-contador-entry > tbody > tr > td.clave,
html body .modern-page.tipos-contador-page .rgEditForm table.tipo-contador-entry > tbody > tr > td:not(:has(.ga-field)):not(:has(.ga-button)):empty {
    display: none !important;
}

html body .modern-page.tipos-contador-page .rgEditForm table.tipo-contador-entry > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    display: block !important;
    padding: 0 !important;
    width: auto !important;
}

html body .modern-page.tipos-contador-page .rgEditForm table.tipo-contador-entry .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body .modern-page.tipos-contador-page .rgEditForm table.tipo-contador-entry .modern-inline-actions {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    max-width: 460px !important;
}

/* ContadoresRutas.aspx: compact modern edit form. */
html body .modern-page.contadores-rutas-page .rgEditForm table.contador-ruta-entry,
html body .modern-page.contadores-rutas-page .rgEditForm table.contador-ruta-entry > tbody {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    display: block !important;
    width: 100% !important;
}

html body .modern-page.contadores-rutas-page .rgEditForm table.contador-ruta-entry > tbody > tr {
    align-items: end !important;
    display: grid !important;
    gap: 14px 24px !important;
    grid-template-columns: minmax(280px, 460px) !important;
    margin: 0 0 14px !important;
    width: 100% !important;
}

html body .modern-page.contadores-rutas-page .rgEditForm table.contador-ruta-entry > tbody > tr > td:not(:has(.ga-field)):not(:has(.ga-button)):empty {
    display: none !important;
}

html body .modern-page.contadores-rutas-page .rgEditForm table.contador-ruta-entry > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    display: block !important;
    padding: 0 !important;
    width: auto !important;
}

html body .modern-page.contadores-rutas-page .rgEditForm table.contador-ruta-entry .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body .modern-page.contadores-rutas-page .rgEditForm table.contador-ruta-entry .modern-inline-actions {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    max-width: 460px !important;
}

/* ContadoresVertidos.aspx: modern filter and edit surfaces. */
html body .modern-page.vertidos-page .vertidos-filter-card {
    align-items: end !important;
    background: #fff !important;
    border: 1px solid #d5e7f4 !important;
    border-radius: 8px !important;
    display: grid !important;
    gap: 14px 18px !important;
    grid-template-columns: minmax(160px, 190px) minmax(160px, 190px) minmax(280px, 420px) 145px !important;
    margin: 0 0 14px !important;
    padding: 16px 18px !important;
}

html body .modern-page.vertidos-page .vertidos-filter-card [id$="btnBuscar"],
html body .modern-page.vertidos-page .vertidos-filter-card [id$="btnBuscar_lnkButton"],
html body .modern-page.vertidos-page .vertidos-filter-card .ga-button {
    justify-self: start !important;
    min-width: 145px !important;
    width: 145px !important;
}

html body .modern-page.vertidos-page .vertidos-filter-card .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .vertidos-legend {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px 22px !important;
    margin: 0 0 12px !important;
}

html body .modern-page.vertidos-page .leyendaItem {
    align-items: center !important;
    display: inline-flex !important;
    gap: 8px !important;
    margin: 0 !important;
}

html body .modern-page.vertidos-page .leyendaCuadroColor {
    background-color: #ffa07a !important;
    border: 1px solid #d9a28d !important;
    border-radius: 4px !important;
    height: 14px !important;
    width: 24px !important;
}

html body .vertidos-page .vertidos-legend .leyendaItem > .leyendaCuadroColor,
html body .vertidos-legend .leyendaItem > .leyendaCuadroColor {
    background: #ffa07a !important;
    background-color: #ffa07a !important;
    border-color: #d98f76 !important;
    box-shadow: inset 0 0 0 999px #ffa07a !important;
}

html body .vertidos-page .vertidos-legend .leyendaItem > .leyendaCuadroColor::before,
html body .vertidos-legend .leyendaItem > .leyendaCuadroColor::before {
    background: #ffa07a !important;
    border-radius: 3px !important;
    content: "" !important;
    display: block !important;
    height: 100% !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .vertidos-grid-card {
    margin-top: 0 !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-entry {
    background: #fff !important;
    border: 1px solid #c8e4f8 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    max-width: none !important;
    padding: 14px !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-info-fieldset,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset,
html body .modern-page.vertidos-page .rgEditForm .vertidos-actions-fieldset {
    border: 1px solid #c8e4f8 !important;
    border-radius: 8px !important;
    margin: 0 0 14px !important;
    padding: 14px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-info-form,
html body .modern-page.vertidos-page .rgEditForm .vertidos-add-form {
    align-items: end !important;
    display: grid !important;
    gap: 14px 18px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-info-form {
    grid-template-columns: minmax(280px, 420px) minmax(150px, 190px) minmax(150px, 190px) !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-add-form {
    grid-template-columns: minmax(190px, 230px) minmax(190px, 230px) minmax(280px, 420px) 180px !important;
    margin-bottom: 14px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-add-form [id$="rbtnAnadirVertido"] {
    justify-self: start !important;
    width: 180px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-info-form .ga-field,
html body .modern-page.vertidos-page .rgEditForm .vertidos-add-form .ga-field {
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm table.vertidos-detail-layout,
html body .modern-page.vertidos-page .rgEditForm table.vertidos-detail-layout > tbody,
html body .modern-page.vertidos-page .rgEditForm table.vertidos-detail-layout > tbody > tr {
    display: block !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm table.vertidos-detail-layout > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-layout {
    align-items: stretch !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: 1fr !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-grid-panel,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-actions-panel {
    display: block !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset {
    box-sizing: border-box !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .RadGrid,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgHeaderDiv,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgDataDiv {
    box-sizing: border-box !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable {
    max-width: none !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable col:nth-child(1),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable th:nth-child(1),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable td:nth-child(1) {
    min-width: 76px !important;
    width: 76px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable th:nth-child(2),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable td:nth-child(2) {
    width: 23% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable th:nth-child(3),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable td:nth-child(3) {
    width: 12% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable th:nth-child(4),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable td:nth-child(4) {
    width: 22% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable th:nth-child(5),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable td:nth-child(5) {
    width: 12% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable th:nth-child(6),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable td:nth-child(6) {
    width: 12% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable th:nth-child(7),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable td:nth-child(7) {
    width: 10% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable th:nth-child(8),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable td:nth-child(8) {
    width: 4% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow td:first-child {
    align-items: center !important;
    display: flex !important;
    gap: 6px !important;
    justify-content: center !important;
    min-width: 76px !important;
    overflow: visible !important;
    white-space: nowrap !important;
    width: 76px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow td:first-child input[type="image"] {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable td:nth-child(2) {
    padding-left: 12px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadInput,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadInput > table,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadComboBox,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadComboBox > table {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow > td {
    box-sizing: border-box !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow > td:first-child,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow > td:last-child {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadInput,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadComboBox {
    display: block !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
    max-width: calc(100% - 8px) !important;
    width: calc(100% - 8px) !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadInput input.riTextBox,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadComboBox input.rcbInput {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-actions-fieldset table td {
    padding: 0 8px 0 0 !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-actions-fieldset table,
html body .modern-page.vertidos-page .rgEditForm .vertidos-actions-fieldset tbody,
html body .modern-page.vertidos-page .rgEditForm .vertidos-actions-fieldset tr {
    display: block !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-actions-fieldset tr {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-start !important;
}

/* Vertidos: editors must follow the grid columns; spacing belongs to cells. */
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow > td {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadInput,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadComboBox {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow td:nth-child(3) .RadInput {
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow td:nth-child(4) .RadComboBox {
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow td:nth-child(5) .RadInput {
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow td:nth-child(6) .RadInput {
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow td:nth-child(7) .RadInput {
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadInput > table,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadComboBox > table {
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable {
    border-collapse: separate !important;
    border-spacing: 8px 6px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable th,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable td {
    box-sizing: border-box !important;
}

/* Vertidos: previous broad nth-child selectors must not affect Telerik editor internals. */
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > thead > tr > th:nth-child(1),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > tbody > tr > td:nth-child(1) {
    min-width: 76px !important;
    width: 76px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > thead > tr > th:nth-child(2),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > tbody > tr > td:nth-child(2) {
    width: 23% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > thead > tr > th:nth-child(3),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > tbody > tr > td:nth-child(3) {
    width: 12% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > thead > tr > th:nth-child(4),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > tbody > tr > td:nth-child(4) {
    width: 22% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > thead > tr > th:nth-child(5),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > tbody > tr > td:nth-child(5),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > thead > tr > th:nth-child(6),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > tbody > tr > td:nth-child(6) {
    width: 12% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > thead > tr > th:nth-child(7),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > tbody > tr > td:nth-child(7) {
    width: 10% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > thead > tr > th:nth-child(8),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgMasterTable > tbody > tr > td:nth-child(8) {
    width: 4% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadInput table td,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadComboBox table td {
    min-width: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadInput input.riTextBox,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .rgEditRow .RadComboBox input.rcbInput {
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-actions-fieldset td {
    display: block !important;
    padding: 0 !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-actions-fieldset td:empty {
    display: none !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-actions-fieldset .ga-button,
html body .modern-page.vertidos-page .rgEditForm .vertidos-actions-fieldset [id$="btnTerminar_lnkButton"],
html body .modern-page.vertidos-page .rgEditForm .vertidos-actions-fieldset [id$="btnCancel_lnkButton"] {
    min-width: 96px !important;
    width: auto !important;
}

html body .modern-page.vertidos-page .RadGrid tr.vertido-row-error-values > td,
html body .modern-page.vertidos-page .RadGrid tr.vertido-row-error-values.rgRow > td,
html body .modern-page.vertidos-page .RadGrid tr.vertido-row-error-values.rgAltRow > td,
html body .modern-page.vertidos-page .RadGrid tr.vertido-row-error-values.rgGroupHeader > td,
html body .modern-page.vertidos-page .RadGrid .vertido-row-error-values td {
    background-color: #ffa07a !important;
}

html body .modern-page.vertidos-page .RadGrid td[style*="LightSalmon"],
html body .modern-page.vertidos-page .RadGrid tr.rgRow > td[style*="LightSalmon"],
html body .modern-page.vertidos-page .RadGrid tr.rgAltRow > td[style*="LightSalmon"],
html body .modern-page.vertidos-page .RadGrid .rgGroupHeader td[style*="LightSalmon"] {
    background-color: #ffa07a !important;
}

/* Vertidos: inner "En vigor" grid has a fixed column contract in markup. */
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid {
    display: block !important;
    max-width: 100% !important;
    overflow-x: auto !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead > tr > th,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td {
    box-sizing: border-box !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 8px 10px !important;
    vertical-align: middle !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow {
    min-height: 46px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow > td {
    height: 46px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(1),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(1) {
    width: 82px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(2),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(2) {
    width: 360px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(3),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(3) {
    width: 150px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(4),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(4) {
    width: 310px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(5),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(5) {
    width: 160px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(6),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(6) {
    width: 170px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(7),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(7) {
    width: 140px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(8),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(8) {
    width: 56px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow > td:first-child {
    display: table-cell !important;
    min-width: 82px !important;
    text-align: center !important;
    width: 82px !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadInput,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadComboBox {
    display: block !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadInput > table,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadComboBox > table {
    table-layout: fixed !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadInput table td,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadComboBox table td {
    display: table-cell !important;
    padding: 0 !important;
    width: auto !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow input.riTextBox,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow input.rcbInput {
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Vertidos: force the inline edit grid to use one shared column template. */
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgDataDiv,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgHeaderDiv {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable {
    display: block !important;
    table-layout: auto !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > colgroup {
    display: none !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody {
    display: block !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead > tr,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: 64px minmax(220px, 1.55fr) minmax(120px, .72fr) minmax(240px, 1.55fr) minmax(120px, .72fr) minmax(130px, .78fr) minmax(110px, .68fr) 54px !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead > tr > th,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td {
    display: block !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 8px 10px !important;
    width: auto !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(1),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(1) {
    width: auto !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(1),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(8) {
    text-align: center !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(2) {
    white-space: normal !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(3),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(5),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(6),
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(7) {
    text-align: right !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadInput,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadComboBox {
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow input.riTextBox,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow input.rcbInput {
    height: 32px !important;
    line-height: 32px !important;
}

@media (max-width: 1100px) {
    html body .modern-page.vertidos-page .vertidos-filter-card,
    html body .modern-page.vertidos-page .rgEditForm .vertidos-info-form,
    html body .modern-page.vertidos-page .rgEditForm .vertidos-add-form {
        grid-template-columns: 1fr !important;
    }
}

/* Vertidos: final reset for the inline child grid. Telerik editors need table layout,
   otherwise combo/date/numeric internals overlap when one row enters edit mode. */
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgDataDiv,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgHeaderDiv {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    display: table !important;
    min-width: 1428px !important;
    table-layout: fixed !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > colgroup {
    display: table-column-group !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead {
    display: table-header-group !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody {
    display: table-row-group !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead > tr,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr {
    display: table-row !important;
    width: auto !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > thead > tr > th,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgMasterTable > tbody > tr > td {
    box-sizing: border-box !important;
    display: table-cell !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 8px 10px !important;
    vertical-align: middle !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow > td {
    height: 44px !important;
    white-space: nowrap !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadInput,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadComboBox {
    display: block !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadInput > table,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadComboBox > table {
    display: table !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadInput table,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadComboBox table {
    table-layout: fixed !important;
    width: 100% !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadInput table td,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow .RadComboBox table td {
    display: table-cell !important;
    padding: 0 !important;
    width: auto !important;
}

html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow input.riTextBox,
html body .modern-page.vertidos-page .rgEditForm .vertidos-detail-fieldset .vertidos-vigor-grid .rgEditRow input.rcbInput {
    box-sizing: border-box !important;
    height: 32px !important;
    line-height: 32px !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Vertidos: scoped fix for the nested inline grid.
   The page body only carries .modern-page, so do not depend on .vertidos-page here. */
html body.modern-page .vertidos-entry .vertidos-vigor-grid,
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgDataDiv,
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgHeaderDiv {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable,
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable.rfdOptionList {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    display: table !important;
    min-width: 1428px !important;
    table-layout: fixed !important;
    width: 1428px !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > colgroup {
    display: table-column-group !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > thead {
    display: table-header-group !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > tbody {
    display: table-row-group !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > thead > tr,
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > tbody > tr {
    display: table-row !important;
    width: auto !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > thead > tr > th,
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > tbody > tr > td {
    box-sizing: border-box !important;
    display: table-cell !important;
    float: none !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 8px 10px !important;
    vertical-align: middle !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > colgroup > col:nth-child(1),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(1),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(1) {
    width: 82px !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > colgroup > col:nth-child(2),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(2),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(2) {
    width: 360px !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > colgroup > col:nth-child(3),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(3),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(3) {
    width: 150px !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > colgroup > col:nth-child(4),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(4),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(4) {
    width: 310px !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > colgroup > col:nth-child(5),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(5),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(5) {
    width: 160px !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > colgroup > col:nth-child(6),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(6),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(6) {
    width: 170px !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > colgroup > col:nth-child(7),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(7),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(7) {
    width: 140px !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > colgroup > col:nth-child(8),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > thead > tr > th:nth-child(8),
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgMasterTable > tbody > tr > td:nth-child(8) {
    width: 56px !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgEditRow > td {
    height: 44px !important;
    white-space: nowrap !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgEditRow td > .RadInput,
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgEditRow td > .RadComboBox {
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgEditRow td > .RadInput input.riTextBox,
html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgEditRow td > .RadComboBox input.rcbInput {
    box-sizing: border-box !important;
    height: 32px !important;
    line-height: 32px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgEditRow td > .RadComboBox .rcbInner {
    box-sizing: border-box !important;
    display: flex !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgEditRow td > .RadComboBox .rcbInputCell {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
}

html body.modern-page .vertidos-entry .vertidos-vigor-grid .rgEditRow td > .RadComboBox .rcbActionButton {
    flex: 0 0 34px !important;
    width: 34px !important;
}

/* Contratos de suministro */
html body.modern-page .contrato-status-entry,
html body.modern-page .contrato-cliente-entry-modern,
html body.modern-page .contrato-titular-entry,
html body.modern-page .contrato-usuario-entry,
html body.modern-page .analitos-grupos-entry {
    color: var(--ga-text, #052b48);
}

html body.modern-page .contrato-status-entry h3,
html body.modern-page .contrato-cliente-entry-modern h3,
html body.modern-page .contrato-titular-entry h3,
html body.modern-page .contrato-usuario-entry h3,
html body.modern-page .analitos-grupos-entry h3 {
    color: var(--ga-primary, #00507f);
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--ga-border, #b9dff7);
}

html body.modern-page .contrato-status-entry .ga-card-form,
html body.modern-page .contrato-cliente-entry-modern .ga-tabs-content,
html body.modern-page .contrato-cliente-entry-modern .contrato-doc-upload {
    background: #fff;
    border: 1px solid var(--ga-border, #b9dff7);
    border-radius: 8px;
    padding: 16px;
}

html body.modern-page .contrato-cliente-entry-modern .ga-tabs-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

html body.modern-page .contrato-status-entry fieldset,
html body.modern-page .contrato-cliente-entry-modern fieldset,
html body.modern-page .contrato-titular-entry fieldset,
html body.modern-page .contrato-usuario-entry fieldset,
html body.modern-page .analitos-grupos-entry fieldset {
    border: 1px solid var(--ga-border, #b9dff7);
    border-radius: 8px;
    margin: 0 0 14px;
    padding: 18px 18px 16px;
}

html body.modern-page .contrato-status-entry legend,
html body.modern-page .contrato-cliente-entry-modern legend,
html body.modern-page .contrato-titular-entry legend,
html body.modern-page .contrato-usuario-entry legend,
html body.modern-page .analitos-grupos-entry legend {
    color: var(--ga-primary, #00507f);
    font-size: 14px;
    font-weight: 700;
    padding: 0 10px;
    text-transform: uppercase;
}

html body.modern-page .contrato-status-grid,
html body.modern-page .contrato-cliente-grid,
html body.modern-page .contrato-document-grid,
html body.modern-page .contrato-titular-grid,
html body.modern-page .contrato-usuario-grid,
html body.modern-page .config-agua-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px 22px;
    align-items: end;
}

html body.modern-page .contrato-status-grid > .ga-field,
html body.modern-page .contrato-cliente-grid > .ga-field,
html body.modern-page .contrato-document-grid > .ga-field,
html body.modern-page .contrato-titular-grid > .ga-field,
html body.modern-page .contrato-usuario-grid > .ga-field,
html body.modern-page .config-agua-grid > .ga-field {
    margin: 0;
    max-width: none;
}

html body.modern-page .contrato-status-grid > .ga-field,
html body.modern-page .config-agua-grid > .ga-field {
    grid-column: span 4;
}

html body.modern-page .contrato-status-grid > .ga-field-full,
html body.modern-page .analitos-grupos-grid > .ga-field-full {
    grid-column: 1 / span 7;
    max-width: 900px;
}

html body.modern-page .analitos-grupos-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px 22px;
}

html body.modern-page .contrato-titular-grid > .ga-field,
html body.modern-page .contrato-usuario-grid > .ga-field {
    grid-column: span 6;
}

html body.modern-page .contrato-titular-grid > .ga-field-full,
html body.modern-page .contrato-usuario-grid > .ga-field-full {
    grid-column: 1 / -1;
}

html body.modern-page .contrato-status-entry .ga-field-check {
    align-self: center;
    padding-top: 20px;
}

html body.modern-page .contrato-status-entry .ga-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
}

html body.modern-page .contrato-status-entry .ga-modern-check {
    display: inline-flex !important;
    height: auto !important;
    width: auto !important;
}

html body.modern-page .contrato-status-entry .ga-modern-check input,
html body.modern-page .contrato-status-entry input.ga-modern-check {
    -webkit-appearance: checkbox !important;
    accent-color: var(--ga-accent, #008fc7) !important;
    appearance: checkbox !important;
    display: inline-block !important;
    height: 18px !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: static !important;
    vertical-align: middle !important;
    width: 18px !important;
}

html body.modern-page .contrato-status-entry .ga-modern-check label {
    display: none !important;
}

html body.modern-page .contrato-cliente-grid > .ga-field-sm {
    grid-column: span 2;
}

html body.modern-page .contrato-cliente-grid > .ga-field-md {
    grid-column: span 3;
}

html body.modern-page .contrato-cliente-grid > .ga-field-lg,
html body.modern-page .contrato-cliente-grid > .contrato-account-field {
    grid-column: span 4;
}

html body.modern-page .contrato-cliente-grid > .ga-field-full {
    grid-column: 1 / -1;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-account-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: end;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-account-field > .ga-field {
    margin: 0;
    max-width: none;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-account-field .ga-button {
    min-height: 36px;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-account-field {
    align-items: end;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-account-field > .ga-field {
    min-width: 0;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-account-field .ga-button {
    height: 36px;
    margin-bottom: 0;
    min-width: 92px;
    white-space: nowrap;
}

html body.modern-page .contrato-two-column-form {
    display: grid;
    gap: 12px 34px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    max-width: 1500px;
}

html body.modern-page .contrato-two-column-form > .ga-field:nth-child(3) {
    grid-column: 1 / -1;
}

html body.modern-page .contrato-address-form {
    display: grid;
    gap: 12px 18px;
    grid-template-columns: 1.15fr 1.15fr .85fr .85fr;
    max-width: 1600px;
}

html body.modern-page .contrato-two-column-form > .ga-field,
html body.modern-page .contrato-two-column-form > .contrato-account-field,
html body.modern-page .contrato-address-form > .ga-field {
    margin: 0 !important;
    max-width: none !important;
    min-width: 0;
    width: 100%;
}

html body.modern-page .contrato-two-column-form .ga-modern-input,
html body.modern-page .contrato-two-column-form .ga-select-control,
html body.modern-page .contrato-address-form .ga-modern-input,
html body.modern-page .contrato-address-form .ga-select-control {
    width: 100% !important;
}

html body.modern-page .contrato-address-form > .ga-field:nth-child(2),
html body.modern-page .contrato-address-form > .ga-field:nth-child(6),
html body.modern-page .contrato-address-form > .ga-field:nth-child(8),
html body.modern-page .contrato-address-form > .ga-field:nth-child(10),
html body.modern-page .contrato-address-form > .ga-field:nth-child(12),
html body.modern-page .contrato-address-form > .ga-field:nth-child(14) {
    grid-column: span 1;
}

html body.modern-page .contrato-document-grid > .ga-field-file {
    grid-column: span 5;
}

html body.modern-page .contrato-document-grid > .ga-field-lg {
    grid-column: span 4;
}

html body.modern-page .contrato-document-grid > .ga-field-md {
    grid-column: span 3;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-document-grid {
    align-items: start !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: minmax(0, 580px) !important;
    max-width: 620px !important;
    width: 100% !important;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-document-grid > .ga-field,
html body.modern-page .contrato-cliente-entry-modern .contrato-document-grid > .ga-field-file,
html body.modern-page .contrato-cliente-entry-modern .contrato-document-grid > .ga-field-lg,
html body.modern-page .contrato-cliente-entry-modern .contrato-document-grid > .ga-field-md {
    grid-column: 1 !important;
    max-width: 100% !important;
    width: 100% !important;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-document-grid .ga-field-file .ga-file-upload {
    max-width: 580px !important;
    width: 100% !important;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-document-grid .ga-field-lg .ga-modern-textarea {
    max-width: 460px !important;
    width: 100% !important;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-document-grid .ga-field-md .ga-date-shell {
    max-width: 330px !important;
    width: 100% !important;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-contable-fieldset .ga-field-check {
    margin: 0 !important;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-contable-fieldset .ga-check {
    align-items: center !important;
    display: inline-flex !important;
    min-height: 34px !important;
}

html body.modern-page .partida-agua-entry {
    padding: 16px !important;
}

html body.modern-page .partida-agua-entry .partida-agua-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 460px) !important;
    gap: 12px !important;
    max-width: 520px !important;
}

html body.modern-page .partida-agua-entry .partida-agua-grid > .ga-field {
    grid-column: 1 !important;
    width: 100% !important;
}

html body.modern-page .partida-agua-entry .modern-inline-actions {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin-top: 18px !important;
}

html body.modern-page .analitos-unidades-entry {
    padding: 16px !important;
}

html body.modern-page .analitos-unidades-entry .analitos-unidades-grid {
    align-items: end !important;
    display: grid !important;
    gap: 14px 24px !important;
    grid-template-columns: minmax(0, 460px) minmax(0, 300px) !important;
    max-width: 820px !important;
    width: 100% !important;
}

html body.modern-page .analitos-unidades-entry .analitos-unidades-grid > .ga-field {
    grid-column: auto !important;
    width: 100% !important;
}

html body.modern-page .analitos-unidades-entry .ga-field-radio .ga-label {
    margin-bottom: 6px !important;
}

html body.modern-page .ga-radio-group {
    align-items: center !important;
    display: flex !important;
    gap: 12px !important;
    min-height: 34px !important;
}

html body.modern-page .ga-radio-option {
    align-items: center !important;
    background: #fff !important;
    border: 1px solid var(--ga-border, #b9dff7) !important;
    border-radius: 8px !important;
    color: var(--ga-text, #17344a) !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    gap: 8px !important;
    min-height: 34px !important;
    padding: 0 12px !important;
}

html body.modern-page .ga-modern-radio {
    align-items: center !important;
    display: inline-flex !important;
    height: auto !important;
    width: auto !important;
}

html body.modern-page .ga-modern-radio input,
html body.modern-page input.ga-modern-radio {
    -webkit-appearance: radio !important;
    appearance: radio !important;
    accent-color: var(--ga-accent, #008fc7) !important;
    display: inline-block !important;
    height: 17px !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: static !important;
    visibility: visible !important;
    width: 17px !important;
}

html body.modern-page .ga-modern-radio label {
    display: none !important;
}

html body.modern-page .analitos-unidades-entry .modern-inline-actions {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin-top: 18px !important;
}

html body.modern-page .contrato-cliente-entry-modern .modern-inline-actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 16px;
}

html body.modern-page .contrato-status-entry .modern-inline-actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 16px;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-doc-upload {
    margin-bottom: 16px;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-doc-upload h4,
html body.modern-page .contrato-cliente-entry-modern .modern-grid-title {
    color: var(--ga-primary, #00507f);
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--ga-border, #b9dff7);
}

html body.modern-page .contrato-cliente-entry-modern .contrato-documents-grid {
    width: 100%;
}

html body.modern-page .contrato-cliente-entry-modern .contrato-documents-grid .rgMasterTable {
    table-layout: fixed !important;
    width: 100% !important;
}

html body.modern-page .contrato-cliente-entry-modern .ga-document-link {
    align-items: center;
    background: #eef6ff;
    border: 1px solid #aacdf1;
    border-radius: 7px;
    box-sizing: border-box;
    color: var(--ga-primary, #00507f);
    display: inline-flex;
    font-weight: 700;
    gap: 8px;
    max-width: 100%;
    min-height: 34px;
    min-width: 0;
    overflow: hidden;
    padding: 7px 12px;
    text-decoration: none;
    vertical-align: middle;
}

html body.modern-page .contrato-cliente-entry-modern .ga-document-link::before {
    background: #4ba3e3;
    border-radius: 50%;
    content: "";
    flex: 0 0 18px;
    height: 18px;
    width: 18px;
}

html body.modern-page .contrato-cliente-entry-modern .ga-document-link .ga-document-link-text,
html body.modern-page .contrato-cliente-entry-modern .ga-document-link {
    text-overflow: ellipsis;
    white-space: nowrap;
}

html body.modern-page .analiticas-clases-entry h3 {
    border-bottom: 1px solid var(--ga-border, #b9dff7);
    color: var(--ga-primary, #00507f);
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 12px;
    padding-bottom: 10px;
}

html body.modern-page .analiticas-clases-entry .ga-modern-section {
    margin-bottom: 14px;
}

html body.modern-page .analiticas-clases-entry .analiticas-info-grid {
    align-items: end;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(320px, 520px) minmax(260px, 420px);
}

html body.modern-page .analiticas-transfer {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) 98px minmax(0, 1fr);
    margin-top: 14px;
}

html body.modern-page .analiticas-transfer-panel {
    background: #f8fcff;
    border: 1px solid var(--ga-border, #b9dff7);
    border-radius: 8px;
    min-width: 0;
    padding: 12px;
}

html body.modern-page .analiticas-panel-title {
    border-bottom: 1px solid #d7ecfb;
    color: var(--ga-primary, #00507f);
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 10px;
    padding-bottom: 8px;
}

html body.modern-page .analiticas-transfer .mainDiv {
    min-height: 360px;
}

html body.modern-page .analiticas-transfer-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 56px;
    position: sticky;
    top: 12px;
}

html body.modern-page .analiticas-transfer-button {
    justify-content: center !important;
    min-height: 36px !important;
    text-decoration: none !important;
    width: 100%;
}

html body.modern-page .analiticas-transfer-button[disabled],
html body.modern-page span.analiticas-transfer-button {
    opacity: .55;
    pointer-events: none;
}

html body.modern-page .analiticas-transfer-icon {
    font-weight: 800;
    margin-right: 6px;
}

html body.modern-page .analiticas-actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 16px;
}

html body.modern-page .mantenimiento-analitos-entry h3,
html body.modern-page .analiticas-tipos-entry h3 {
    border-bottom: 1px solid #b9e3fb;
    color: var(--ga-primary, #00507f);
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 14px;
    padding-bottom: 12px;
}

html body.modern-page .mantenimiento-analitos-entry .ga-modern-section,
html body.modern-page .analiticas-tipos-entry .ga-modern-section {
    margin-bottom: 14px;
}

html body.modern-page .mantenimiento-analitos-entry .mant-analitos-grid {
    align-items: end;
    display: grid;
    gap: 14px 18px;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
}

html body.modern-page .analiticas-tipos-entry .analiticas-tipos-info-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(260px, 520px);
}

html body.modern-page .analiticas-tipos-entry .analiticas-tipos-grid-panel {
    margin-top: 14px;
}

html body.modern-page .analiticas-tipos-entry .analiticas-tipos-actions {
    gap: 10px;
    justify-content: flex-end;
}

html body.modern-page .analiticas-tipos-entry .analiticas-tipos-actions > .ga-button-secondary:first-child {
    margin-right: auto;
}

html body.modern-page .analiticas-modal-host .modern-modal-backdrop {
    background: rgba(15, 23, 42, .35);
    inset: 0;
    position: fixed;
    z-index: 90000;
}

html body.modern-page .analiticas-tipos-modal {
    background: #fff;
    border: 1px solid var(--ga-border, #8fd3f8);
    border-radius: 8px;
    box-shadow: 0 18px 46px rgba(15, 43, 67, .28);
    left: 50%;
    max-height: calc(100vh - 48px);
    overflow: visible;
    padding: 18px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(820px, calc(100vw - 48px));
    z-index: 100000;
}

html body.modern-page .analiticas-tipos-modal .modern-modal-header h3 {
    border-bottom: 1px solid #cfeefe;
    color: var(--ga-primary, #00507f);
    font-size: 18px;
    margin: 0 0 14px;
    padding-bottom: 10px;
}

html body.modern-page .analiticas-tipos-modal-grid {
    align-items: start;
    display: grid;
    gap: 14px 18px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
}

html body.modern-page .analiticas-tipos-modal .ga-modern-section {
    overflow: visible;
}

html body.modern-page .analiticas-tipos-info-grid > .ga-field,
html body.modern-page .analiticas-tipos-modal-grid > .ga-field {
    align-self: start;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
    width: 100% !important;
}

html body.modern-page .analiticas-tipos-info-grid .ga-label,
html body.modern-page .analiticas-tipos-modal-grid .ga-label {
    display: block !important;
    float: none !important;
    line-height: 1.15 !important;
    margin: 0 0 4px !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
}

html body.modern-page .analiticas-tipos-modal-grid > .ga-field-check {
    align-self: end;
    padding-bottom: 6px !important;
}

html body.modern-page .analiticas-tipos-modal .ga-control,
html body.modern-page .analiticas-tipos-modal .ga-combobox {
    box-sizing: border-box !important;
    min-width: 0 !important;
    position: relative !important;
    width: 100% !important;
}

html body.modern-page .analiticas-tipos-modal .ga-combobox-panel {
    box-sizing: border-box !important;
    max-height: 280px !important;
    max-width: calc(100vw - 24px) !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    transform: none !important;
}

html body.modern-page .analiticas-modal-host,
html body.modern-page .analiticas-tipos-modal {
    overflow: visible !important;
}

html body.modern-page .analiticas-tipos-modal .ga-combobox-search,
html body.modern-page .analiticas-tipos-modal .ga-combobox-options,
html body.modern-page .analiticas-tipos-modal .ga-combobox-option {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

html body.modern-page .analiticas-tipos-modal .ga-combobox-search {
    width: 100% !important;
}

html body.modern-page .analiticas-tipos-modal .ga-combobox-options {
    max-height: 220px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

html body.modern-page .analiticas-tipos-modal .ga-combobox-option {
    line-height: 1.25 !important;
    min-height: 30px !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
}

html body.modern-page .analiticas-tipos-modal .mensaje.info {
    background: #f4fbff;
    border: 1px solid #b9e3fb;
    border-radius: 6px;
    color: #0f4f75;
    margin: 12px 0;
    padding: 10px 12px;
}

@media (max-width: 1200px) {
    html body.modern-page .contrato-cliente-grid > .ga-field-sm,
    html body.modern-page .contrato-cliente-grid > .ga-field-md,
    html body.modern-page .contrato-cliente-grid > .ga-field-lg,
    html body.modern-page .contrato-cliente-grid > .contrato-account-field,
    html body.modern-page .contrato-document-grid > .ga-field-file,
    html body.modern-page .contrato-document-grid > .ga-field-lg,
    html body.modern-page .contrato-document-grid > .ga-field-md {
        grid-column: span 6;
    }
}

@media (max-width: 1300px) {
    html body.modern-page .analiticas-transfer {
        grid-template-columns: 1fr;
    }

    html body.modern-page .analiticas-transfer-actions {
        flex-direction: row;
        padding-top: 0;
        position: static;
    }

    html body.modern-page .analiticas-transfer-button {
        width: auto;
    }
}

@media (max-width: 760px) {
    html body.modern-page .contrato-status-grid > .ga-field,
    html body.modern-page .contrato-cliente-grid > .ga-field-sm,
    html body.modern-page .contrato-cliente-grid > .ga-field-md,
    html body.modern-page .contrato-cliente-grid > .ga-field-lg,
    html body.modern-page .contrato-cliente-grid > .contrato-account-field,
    html body.modern-page .contrato-document-grid > .ga-field-file,
    html body.modern-page .contrato-document-grid > .ga-field-lg,
    html body.modern-page .contrato-document-grid > .ga-field-md {
        grid-column: 1 / -1;
    }

    html body.modern-page .analiticas-clases-entry .analiticas-info-grid {
        grid-template-columns: 1fr;
    }

    html body.modern-page .mantenimiento-analitos-entry .mant-analitos-grid,
    html body.modern-page .analiticas-tipos-modal-grid {
        grid-template-columns: 1fr;
    }

    html body.modern-page .analiticas-tipos-entry .analiticas-tipos-actions {
        justify-content: flex-start;
    }

    html body.modern-page .analiticas-tipos-entry .analiticas-tipos-actions > .ga-button-secondary:first-child {
        margin-right: 0;
    }
}

/* App sidebar sizing only. Installation tree keeps its current compact scale. */
html body.modern-page #adminMenuDiv .ga-app-sidebar-tree > .ga-tree-node > .ga-tree-action {
    font-size: 12px !important;
    font-weight: 500 !important;
    gap: 8px !important;
    line-height: 16px !important;
    min-height: 32px !important;
    padding: 6px 10px !important;
}

html body.modern-page #adminMenuDiv .ga-app-sidebar-tree > .ga-tree-node > .ga-tree-action > .ga-tree-icon {
    background-size: 16px 16px !important;
    flex-basis: 18px !important;
    height: 18px !important;
    width: 18px !important;
}

html body.modern-page #adminMenuDiv .ga-app-sidebar-tree > .ga-tree-node > .ga-tree-action.icon-user > .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23009fe3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}

html body.modern-page #adminMenuDiv .ga-app-sidebar-tree > .ga-tree-node > .ga-tree-action.icon-maintenance > .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23009fe3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.1-3.1a6 6 0 0 1-7.9 7.9l-6.1 6.1a2.1 2.1 0 0 1-3-3l6.1-6.1a6 6 0 0 1 7.9-7.9l-3.1 3.1z'/%3E%3C/svg%3E") !important;
}

html body.modern-page #adminMenuDiv .ga-app-sidebar-tree > .ga-tree-node > .ga-tree-action.icon-management > .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23009fe3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h18v18H3z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E") !important;
}

html body.modern-page #adminMenuDiv .ga-app-sidebar-tree > .ga-tree-node > .ga-tree-action.icon-settings > .ga-tree-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23009fe3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.9 1.7 1.7 0 0 0-1.6-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9l-.1-.1A2 2 0 1 1 7.1 4l.1.1a1.7 1.7 0 0 0 1.9.3 1.7 1.7 0 0 0 1-1.6V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1A2 2 0 1 1 20 7.1l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1h.1a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.8 1z'/%3E%3C/svg%3E") !important;
}

html body.modern-page #adminMenuDiv .ga-app-sidebar-tree > .ga-tree-node > .ga-tree-action > .ga-tree-expander {
    border-left-color: #009fe3 !important;
    border-width: 5px 0 5px 6px !important;
    flex-basis: 10px !important;
}

html body.modern-page.ga-sidebar-collapsed #adminMenuDiv .ga-app-sidebar-tree > .ga-tree-node > .ga-tree-action {
    min-height: 46px !important;
    width: 46px !important;
}

html body.modern-page.ga-sidebar-collapsed #adminMenuDiv .ga-app-sidebar-tree > .ga-tree-node > .ga-tree-action > .ga-tree-icon {
    background-size: 24px 24px !important;
    flex-basis: 26px !important;
    height: 26px !important;
    width: 26px !important;
}

/* Final app sidebar width and Contadores width recovery. */
html body.modern-page:not(.ga-sidebar-collapsed) #adminMenuDiv {
    box-sizing: border-box !important;
    width: 268px !important;
    min-width: 268px !important;
    max-width: 268px !important;
}

html body.modern-page:not(.ga-sidebar-collapsed) .content-box {
    margin-left: 268px !important;
}

html body.modern-page:not(.ga-sidebar-collapsed) #borderTop.h_blue {
    left: 268px !important;
}

html body.modern-page:not(.ga-sidebar-collapsed) .adminMenuOverwrite.RadMenu .rmSlide,
html body.modern-page:not(.ga-sidebar-collapsed) .adminMenuOverwrite.RadMenu_MetroTouch .rmSlide {
    left: 240px !important;
}

html body.modern-page #adminMenuDiv .ga-app-sidebar-tree .ga-tree-action,
html body.modern-page #adminMenuDiv .ga-app-sidebar-tree .ga-tree-text {
    overflow-wrap: normal !important;
    word-break: normal !important;
}

html body.modern-page #adminMenuDiv .ga-app-sidebar-tree > .ga-tree-node > .ga-tree-action {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

/* The application menu uses the same card and vertical rhythm as the installations tree. */
html body.modern-page:not(.ga-sidebar-collapsed) #adminMenuDiv {
    background: #fff !important;
    border: 1px solid #d7e8f1 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 26px rgba(15, 66, 109, .08) !important;
    box-sizing: border-box !important;
    height: calc(100vh - 122px) !important;
    left: 10px !important;
    padding: 10px !important;
    top: 102px !important;
    width: 248px !important;
    min-width: 248px !important;
    max-width: 248px !important;
}

html body.modern-page.ga-sidebar-collapsed #adminMenuDiv {
    height: calc(100vh - 122px) !important;
    top: 102px !important;
}

/* Contadores (Instalaciones > hidrante > contador) - modern layout. */
html body.modern-page .contador-flow-toolbar {
    align-items: center;
    display: flex;
    gap: 20px;
}

html body.modern-page .contador-flow-toolbar .ga-field {
    margin: 0;
}

html body.modern-page .rgEditRow .hidrante-contador-entry {
    margin: 14px auto;
    max-width: 1100px;
}

html body.modern-page .hidrante-inline-field {
    align-items: end;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
}

html body.modern-page .hidrante-inline-field > .ga-field {
    margin: 0;
    min-width: 0;
}

html body.modern-page .hidrante-inline-field .ga-button {
    height: 36px;
    white-space: nowrap;
}

html body.modern-page .ga-form-cell.hidrante-export-action {
    align-items: flex-end !important;
    align-self: end !important;
    display: flex !important;
}

html body.modern-page .hidrante-export-action .ga-button {
    height: 36px;
    width: 100%;
}

/* The generic .ga-form-cell .ga-control rule forces display:block, which breaks the
   date/time picker's own icon-column grid layout. Restore it, same as contador-entry-fixed. */
html body.modern-page .hidrante-contador-entry .ga-form-cell .ga-control:not(.ga-picker-shell) {
    display: block !important;
}

html body.modern-page .hidrante-contador-entry .ga-form-cell .ga-picker-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 26px 26px 26px !important;
    height: 34px !important;
    min-height: 34px !important;
    overflow: hidden !important;
    width: 100% !important;
}

html body.modern-page .hidrante-contador-entry .ga-picker-shell .ga-modern-input {
    min-width: 0 !important;
}

html body.modern-page .instalaciones-map-cell .modern-inline-actions {
    text-align: left !important;
    width: auto !important;
}

html body.modern-page .contrato-page .modern-inline-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
}

html body.modern-page .incidencia-entry-heading {
    color: #0f426d;
    font-size: 16px;
    font-weight: 700;
    margin: 2px 0 12px;
}

html body.modern-page .incidencia-entry-heading-sub {
    color: #3d6f8f;
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-top: 2px;
}

html body.modern-page .analisis-tipo-analisis-entry {
    padding: 16px !important;
}

html body.modern-page .analisis-tipo-analisis-entry .analisis-tipo-analisis-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 420px) !important;
    max-width: 480px !important;
    width: 100% !important;
}

html body.modern-page .analisis-tipo-analisis-entry .analisis-tipo-analisis-grid > .ga-field {
    grid-column: auto !important;
    width: 100% !important;
}

html body.modern-page .analisis-tipo-analisis-entry .modern-inline-actions {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin-top: 18px !important;
}

/* Reports workspace ------------------------------------------------------- */
html body.modern-page .ga-reports-page-heading {
    margin: 4px 0 22px;
}

html body.modern-page .ga-reports-page-heading .pageTitle {
    color: #12263a !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -.5px;
    margin: 0 0 5px !important;
}

html body.modern-page .ga-reports-page-heading p {
    color: #65758b;
    font-size: 14px;
    margin: 0;
}

html body.modern-page .ga-reports {
    display: block;
}

html body.modern-page .ga-reports > .reportTable {
    border-collapse: separate !important;
    border-spacing: 18px 0 !important;
    table-layout: fixed;
}

html body.modern-page .ga-reports .reportLeftTd,
html body.modern-page .ga-reports .reportRightTd {
    background: #fff;
    border: 1px solid #dfe7ef;
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(25, 55, 85, .07);
    box-sizing: border-box;
    padding: 22px !important;
    vertical-align: top;
}

html body.modern-page .ga-reports .reportLeftTd {
    width: 330px !important;
}

html body.modern-page .ga-reports .reportLeftTd:before {
    color: #172b4d;
    content: "Biblioteca de informes";
    display: block;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 16px;
}

html body.modern-page .ga-reports .reportRightTd {
    width: auto !important;
}

html body.modern-page .ga-reports-tree.RadTreeView {
    color: #334155;
    font: 400 14px/1.35 "Segoe UI", Arial, sans-serif;
    width: 100%;
}

html body.modern-page .ga-reports-tree .rtUL,
html body.modern-page .ga-reports-tree .rtLI {
    box-sizing: border-box;
}

html body.modern-page .ga-reports-tree .rtIn {
    align-items: center;
    border: 0 !important;
    border-radius: 8px !important;
    box-sizing: border-box;
    display: inline-flex !important;
    min-height: 42px;
    padding: 9px 12px 9px 40px !important;
    position: relative;
    transition: background .16s ease, color .16s ease, transform .16s ease;
}

html body.modern-page .ga-reports-tree .rtIn:hover,
html body.modern-page .ga-reports-tree .rtHover .rtIn {
    background: #eef8fd !important;
    color: #007bb8 !important;
}

html body.modern-page .ga-reports-tree .rtSelected .rtIn,
html body.modern-page .ga-reports-tree .rtIn.rtSelected {
    background: linear-gradient(135deg, #009fe3, #0589c4) !important;
    box-shadow: 0 5px 13px rgba(0, 159, 227, .22);
    color: #fff !important;
}

html body.modern-page .ga-reports-tree img.rtImg {
    display: none !important;
}

html body.modern-page .ga-reports-tree .rtIn:before {
    background-color: #009fe3;
    content: "";
    height: 22px;
    left: 10px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h9l5 5v15H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm8 2v5h5M8 13h8M8 17h6'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 2h9l5 5v15H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm8 0v7h7M8 13h8M8 17h6'/%3E%3C/svg%3E") center/contain no-repeat;
    position: absolute;
    width: 22px;
}

html body.modern-page .ga-reports-tree .rtSelected .rtIn:before,
html body.modern-page .ga-reports-tree .rtIn.rtSelected:before {
    background-color: #fff;
}

html body.modern-page .ga-reports-tree .ga-report-node-folder > .rtIn:before,
html body.modern-page .ga-reports-tree .ga-report-node-folder.rtIn:before,
html body.modern-page .ga-reports-tree .rtIn[Type="Folder"]:before,
html body.modern-page .ga-reports-tree .rtIn[type="Folder"]:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v11a3 3 0 0 1-3 3H5a2 2 0 0 1-2-2V5zm2 4v10h13a1 1 0 0 0 1-1V9H5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v11a3 3 0 0 1-3 3H5a2 2 0 0 1-2-2V5zm2 4v10h13a1 1 0 0 0 1-1V9H5z'/%3E%3C/svg%3E");
}

html body.modern-page .ga-reports-tree .rtPlus,
html body.modern-page .ga-reports-tree .rtMinus {
    opacity: .65;
}

html body.modern-page .ga-report-header {
    align-items: flex-start;
    border-bottom: 1px solid #e7edf3;
    display: flex;
    justify-content: space-between;
    margin: 0 0 22px;
    padding: 0 0 15px;
}

html body.modern-page .ga-report-title { order: 1; }
html body.modern-page .ga-report-date { order: 2; }

html body.modern-page .ga-report-title h2 {
    color: #12263a;
    font-size: 20px;
    font-weight: 700;
    margin: 0 !important;
}

html body.modern-page .ga-report-date h4 {
    background: #f2f7fa;
    border-radius: 999px;
    color: #60758a;
    font-size: 12px;
    font-weight: 600;
    margin: 0 !important;
    padding: 7px 11px;
}

html body.modern-page .ga-report-empty {
    align-items: center;
    color: #708399;
    justify-content: center;
    min-height: 120px;
    padding-top: 48px;
    text-align: center;
}

html body.modern-page .ga-report-modern-group {
    --ga-report-filter-width: 470px;
    display: block;
    margin: 0 0 14px;
}

html body.modern-page .ga-report-modern-row {
    display: grid;
    grid-template-columns: minmax(0, var(--ga-report-filter-width));
    margin-bottom: 14px;
    width: var(--ga-report-filter-width);
}

html body.modern-page .ga-report-modern-row-range {
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

html body.modern-page .ga-report-modern-field {
    align-items: end;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    position: relative;
}

html body.modern-page .ga-report-modern-field > .ga-field {
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page .ga-report-modern-row-range .ga-report-modern-field > .ga-field {
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page .ga-report-modern-field .ga-control,
html body.modern-page .ga-report-modern-field .ga-combobox,
html body.modern-page .ga-report-modern-field .ga-multiselect,
html body.modern-page .ga-report-modern-field .ga-picker-shell,
html body.modern-page .ga-report-modern-field .ga-combobox-trigger,
html body.modern-page .ga-report-modern-field .ga-multiselect-trigger {
    box-sizing: border-box !important;
    max-width: none !important;
    width: 100% !important;
}

html body.modern-page .ga-report-modern-field .ga-modern-input,
html body.modern-page .ga-report-modern-field .ga-combobox-trigger,
html body.modern-page .ga-report-modern-field .ga-multiselect-trigger {
    height: 36px !important;
    min-height: 36px !important;
}

html body.modern-page .ga-reports .ga-report-filters {
    padding-top: 0 !important;
}

html body.modern-page .ga-report-filter-group {
    background: #f8fafc;
    border: 1px solid #e4ebf2 !important;
    border-radius: 11px;
    margin: 0 0 14px !important;
    padding: 14px 16px !important;
}

html body.modern-page .ga-report-filter-group .ReportTable {
    border-collapse: separate;
    border-spacing: 0 8px;
    width: 100%;
}

html body.modern-page .ga-report-filter-row > td {
    padding: 3px 6px !important;
    vertical-align: middle !important;
}

html body.modern-page .ga-report-filter-row .ReportRadio { width: 26px; }
html body.modern-page .ga-report-filter-row .ReportLabel { width: 145px; }
html body.modern-page .ga-report-filter-row .ReportControl { max-width: 430px; width: 36%; }
html body.modern-page .ga-report-filter-row .ReportValidator { width: 18px; }

html body.modern-page .ga-report-filter-label {
    color: #42566c;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .025em;
    text-transform: uppercase;
}

html body.modern-page .ga-report-filter-toggle input {
    accent-color: #009fe3;
    height: 17px;
    width: 17px;
}

html body.modern-page .ga-report-input,
html body.modern-page .ga-report-combo,
html body.modern-page .ga-report-date-picker,
html body.modern-page .ga-report-tree-combo {
    border-radius: 8px !important;
    min-height: 38px;
}

html body.modern-page .ga-reports .RadInput .riTextBox,
html body.modern-page .ga-reports .RadComboBox .rcbInput,
html body.modern-page .ga-reports .RadPicker .riTextBox {
    background: #fff !important;
    border-color: #cbd8e5 !important;
    border-radius: 8px !important;
    box-sizing: border-box;
    color: #26394d !important;
    font-size: 14px !important;
    min-height: 38px;
    padding: 8px 11px !important;
}

html body.modern-page .ga-reports .RadComboBox .rcbActionButton,
html body.modern-page .ga-reports .RadPicker .rcCalPopup,
html body.modern-page .ga-reports .RadPicker .rcTimePopup {
    background-color: #eef7fb !important;
    border-color: #cbd8e5 !important;
}

html body.modern-page .ga-reports .RadInputFocused .riTextBox,
html body.modern-page .ga-reports .RadComboBox:focus-within .rcbInput,
html body.modern-page .ga-reports .RadPicker:focus-within .riTextBox {
    border-color: #009fe3 !important;
    box-shadow: 0 0 0 3px rgba(0, 159, 227, .12) !important;
}

html body.modern-page .ga-report-actions {
    border-top: 1px solid #e7edf3;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 20px;
    padding-top: 18px;
}

html body.modern-page .ga-report-button.RadButton {
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    min-height: 40px;
    padding: 0 18px !important;
}

html body.modern-page .ga-report-button-primary.RadButton {
    background: linear-gradient(135deg, #009fe3, #0789c1) !important;
    box-shadow: 0 7px 16px rgba(0, 159, 227, .22) !important;
    color: #fff !important;
}

html body.modern-page .ga-report-button .rbText {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

html body.modern-page .ga-report-button .rbText:before {
    background-color: currentColor;
    content: "";
    display: inline-block;
    flex: 0 0 18px;
    height: 18px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 18px;
}

html body.modern-page .ga-report-button-primary .rbText:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10v4H7V3zm11 5H6a4 4 0 0 0-4 4v5h4v4h12v-4h4v-5a4 4 0 0 0-4-4zM8 19v-5h8v5H8zm10-8a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10v4H7V3zm11 5H6a4 4 0 0 0-4 4v5h4v4h12v-4h4v-5a4 4 0 0 0-4-4zM8 19v-5h8v5H8zm10-8a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E");
}

html body.modern-page .ga-report-button-secondary .rbText:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 2 4 4h-4V4zM8.2 11h2l1.8 2.8 1.8-2.8h2l-2.8 4 3 4h-2.1L12 16.2 10.1 19H8l3-4-2.8-4z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm0 2 4 4h-4V4zM8.2 11h2l1.8 2.8 1.8-2.8h2l-2.8 4 3 4h-2.1L12 16.2 10.1 19H8l3-4-2.8-4z'/%3E%3C/svg%3E");
}

@media (max-width: 900px) {
    html body.modern-page .ga-report-modern-row,
    html body.modern-page .ga-report-modern-row-range {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }
}

html body.modern-page .ga-report-button-secondary.RadButton {
    background: #eaf7ee !important;
    border: 1px solid #b9dfc5 !important;
    color: #23733c !important;
}

@media (max-width: 1050px) {
    html body.modern-page .ga-reports > .reportTable,
    html body.modern-page .ga-reports > .reportTable > tbody,
    html body.modern-page .ga-reports > .reportTable > tbody > tr,
    html body.modern-page .ga-reports .reportLeftTd,
    html body.modern-page .ga-reports .reportRightTd {
        display: block;
        width: 100% !important;
    }

    html body.modern-page .ga-reports .reportLeftTd { margin-bottom: 16px; }
}

html body.modern-page .ga-report-modal-backdrop,
html body.modern-page .ga-report-generating {
    align-items: center;
    background: rgba(15, 32, 48, .42);
    inset: 0;
    justify-content: center;
    position: fixed;
    z-index: 120000;
}

html body.modern-page .ga-report-modal-backdrop {
    display: flex;
}

html body.modern-page .ga-report-modal {
    background: #fff;
    border: 1px solid #dce7ef;
    border-radius: 14px;
    box-shadow: 0 24px 70px rgba(16, 42, 65, .28);
    box-sizing: border-box;
    max-width: calc(100vw - 32px);
    padding: 26px;
    text-align: center;
    width: 430px;
}

html body.modern-page .ga-report-modal-icon {
    background: #fff4d6;
    border-radius: 50%;
    height: 54px;
    margin: 0 auto 14px;
    position: relative;
    width: 54px;
}

html body.modern-page .ga-report-modal-icon:before {
    color: #d78a00;
    content: "!";
    font-size: 32px;
    font-weight: 800;
    left: 0;
    line-height: 54px;
    position: absolute;
    right: 0;
}

html body.modern-page .ga-report-modal h3 {
    color: #172b4d;
    font-size: 19px;
    margin: 0 0 8px;
}

html body.modern-page .ga-report-modal p {
    color: #64758a;
    font-size: 14px;
    margin: 0 0 12px;
}

html body.modern-page .ga-report-modal ul {
    background: #f7fafc;
    border: 1px solid #e2eaf1;
    border-radius: 9px;
    color: #33475b;
    margin: 0 0 20px;
    padding: 12px 16px 12px 34px;
    text-align: left;
}

html body.modern-page .ga-report-modal li + li {
    margin-top: 6px;
}

html body.modern-page .ga-report-modal-close {
    background: linear-gradient(135deg, #009fe3, #0789c1);
    border: 0;
    border-radius: 8px;
    box-shadow: 0 7px 16px rgba(0, 159, 227, .2);
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 24px;
    text-decoration: none !important;
}

html body.modern-page .ga-report-generating-card {
    align-items: center;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 24px 70px rgba(16, 42, 65, .28);
    display: flex;
    flex-direction: column;
    min-width: 260px;
    padding: 28px 32px;
}

html body.modern-page .ga-report-generating-card strong {
    color: #172b4d;
    font-size: 16px;
    margin-top: 14px;
}

html body.modern-page .ga-report-generating-card small {
    color: #718297;
    font-size: 13px;
    margin-top: 5px;
}

html body.modern-page .ga-report-spinner {
    animation: ga-report-spin .8s linear infinite;
    border: 4px solid #dceff8;
    border-radius: 50%;
    border-top-color: #009fe3;
    height: 38px;
    width: 38px;
}

@keyframes ga-report-spin {
    to { transform: rotate(360deg); }
}

/* Invoice list ----------------------------------------------------------- */
html body.modern-page .factura-listado-modern {
    color: #26394d;
    padding: 0 4px 24px;
}

html body.modern-page .factura-listado-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 18px;
}

html body.modern-page .factura-listado-header h1 {
    background: transparent !important;
    border: 0 !important;
    color: #12263a !important;
    font-size: 27px !important;
    font-weight: 750 !important;
    letter-spacing: -.45px;
    margin: 0 0 4px !important;
    padding: 0 !important;
}

html body.modern-page .factura-listado-header p {
    color: #687b90;
    font-size: 13px;
    margin: 0;
}

html body.modern-page .factura-listado-modern .factura-action-process.RadButton {
    background: linear-gradient(135deg, #009fe3, #0789c1) !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 7px 16px rgba(0, 159, 227, .2) !important;
    color: #fff !important;
    min-height: 38px;
    padding: 0 17px !important;
}

html body.modern-page .factura-filter-card {
    background: #fff;
    border: 1px solid #dce6ee;
    border-radius: 12px;
    box-shadow: 0 6px 22px rgba(25, 55, 85, .06);
    margin-bottom: 14px;
    padding: 0 18px 18px;
}

html body.modern-page .factura-section-title {
    align-items: center;
    border-bottom: 1px solid #e8eef3;
    color: #17324a;
    display: flex;
    font-size: 14px;
    font-weight: 750;
    margin-bottom: 16px;
    min-height: 44px;
}

html body.modern-page .factura-section-title:before {
    background-color: #009fe3;
    content: "";
    height: 18px;
    margin-right: 8px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16v2H4V5zm3 6h10v2H7v-2zm3 6h4v2h-4v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16v2H4V5zm3 6h10v2H7v-2zm3 6h4v2h-4v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    width: 18px;
}

html body.modern-page .factura-filter-grid {
    align-items: end;
    display: grid;
    gap: 14px 18px;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
}

html body.modern-page .factura-filter-field,
html body.modern-page .factura-filter-field > .ga-field,
html body.modern-page .factura-filter-grid > .ga-field {
    min-width: 0;
    width: 100% !important;
}

/* MantenimientoCortes: legend row + mobile drawer toggle share one line. */
html body.modern-page .mantenimiento-cortes-legend-bar {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    justify-content: space-between;
    margin-bottom: 12px;
}

html body.modern-page .mantenimiento-cortes-legend {
    display: flex;
    flex-wrap: wrap;
}

html body.modern-page .mantenimiento-cortes-legend-bar > button[data-drawer] {
    flex-shrink: 0;
}

/* MantenimientoCortesEntry: small "copy from petición" buttons next to the
   Realizado fields, and the map/reparto grid card polish. */
html body.modern-page .rgEditForm .ga-form-cell.mantenimiento-corte-realizado-cell {
    align-items: flex-start !important;
    display: flex !important;
    gap: 8px !important;
}

html body.modern-page .mantenimiento-corte-realizado-cell .ga-field {
    flex: 1 1 auto;
    min-width: 0;
}

html body.modern-page .ga-mini-copy-btn {
    align-items: center;
    background: #eef6fb;
    border: 1px solid #bfe0f2;
    border-radius: 6px;
    color: #0f6f9f;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    font-weight: 700;
    height: 34px;
    justify-content: center;
    margin-top: 22px;
    padding: 0;
    width: 28px;
}

html body.modern-page .ga-mini-copy-btn:hover {
    background: #dcedf7;
}

html body.modern-page .corte-usuario-entry-form .corte-usuario-realizado-cell {
    align-items: flex-start !important;
    display: flex !important;
    gap: 8px !important;
}

html body.modern-page .corte-usuario-entry-form .corte-usuario-realizado-cell .ga-field {
    flex: 1 1 auto;
    min-width: 0;
}

html body.modern-page .corte-usuario-entry-form .modern-inline-actions {
    clear: both;
    margin-top: 10px;
    position: static !important;
}

/* Balance por comunidades ---------------------------------------------- */
html body.modern-page .balance-comunidades-page {
    color: #123b56;
    padding: 18px 24px 30px;
}

html body.modern-page .balance-comunidades-header {
    margin-bottom: 16px;
}

html body.modern-page .balance-comunidades-header h1 {
    color: #102f43;
    font-size: 24px;
    font-weight: 650;
    line-height: 1.2;
    margin: 0 0 4px;
}

html body.modern-page .balance-comunidades-header p,
html body.modern-page .balance-comunidades-results-heading p {
    color: #688196;
    font-size: 11px;
    margin: 0;
}

html body.modern-page .balance-comunidades-filter-card,
html body.modern-page .balance-comunidades-results-card {
    background: #fff;
    border: 1px solid #cfe0ea;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(17, 64, 91, .07);
}

html body.modern-page .balance-comunidades-filter-card {
    margin-bottom: 12px;
    padding: 14px 16px;
}

html body.modern-page .balance-comunidades-section-title {
    align-items: center;
    border-bottom: 1px solid #dbe8ef;
    color: #07577f;
    display: flex;
    font-size: 12px;
    font-weight: 650;
    gap: 8px;
    margin-bottom: 13px;
    padding-bottom: 9px;
    text-transform: none;
}

html body.modern-page .balance-comunidades-filter-icon {
    border-left: 2px solid #00a4df;
    display: inline-block;
    height: 14px;
}

html body.modern-page .balance-comunidades-filter-grid {
    align-items: end;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
}

html body.modern-page .balance-comunidades-filter-grid .ga-field,
html body.modern-page .balance-comunidades-filter-grid .ga-picker-shell { width: 100%; }

html body.modern-page .balance-comunidades-filter-actions {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-height: 36px;
}

html body.modern-page .balance-comunidades-filter-actions .ga-button {
    min-width: 112px;
}

html body.modern-page .balance-comunidades-legacy-labels {
    display: none;
}

html body.modern-page .balance-comunidades-error {
    align-items: flex-start;
    background: #fff6f6;
    border: 1px solid #efc2c2;
    border-radius: 9px;
    color: #9f2525;
    display: flex;
    font-size: 11px;
    gap: 9px;
    margin: 0 0 12px;
    padding: 10px 12px;
}

html body.modern-page .balance-comunidades-error-icon {
    align-items: center;
    background: #d83b3b;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    flex: 0 0 18px;
    font-size: 11px;
    font-weight: 700;
    height: 18px;
    justify-content: center;
}

html body.modern-page .balance-comunidades-results-card {
    overflow: hidden;
}

html body.modern-page .balance-comunidades-results-heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 13px 16px 11px;
}

html body.modern-page .balance-comunidades-results-heading h2 {
    color: #123b55;
    font-size: 15px;
    font-weight: 650;
    margin: 0 0 3px;
}

html body.modern-page .balance-comunidades-grid {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html body.modern-page .balance-comunidades-grid .rgHeader,
html body.modern-page .balance-comunidades-grid .rgHeader a {
    color: #174c6b !important;
    font-size: 12px !important;
    font-weight: 650 !important;
}

html body.modern-page .balance-comunidades-grid .rgRow td,
html body.modern-page .balance-comunidades-grid .rgAltRow td {
    font-size: 12px !important;
    height: 34px !important;
    padding: 5px 8px !important;
    vertical-align: middle !important;
}

html body.modern-page .balance-comunidades-page .balance-comunidades-grid th:first-child,
html body.modern-page .balance-comunidades-page .balance-comunidades-grid td:first-child {
    text-align: center !important;
}

html body.modern-page .balance-comunidades-page .balance-comunidades-grid th:first-child input,
html body.modern-page .balance-comunidades-page .balance-comunidades-grid td:first-child input {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body.modern-page .balance-comunidades-grid .rgAltRow td {
    background: #f8fbfd !important;
}

html body.modern-page .balance-comunidades-link {
    color: #007eaf;
    font-weight: 600;
    text-decoration: none;
}

html body.modern-page .balance-comunidades-link:hover {
    color: #005a80;
    text-decoration: underline;
}

html body.modern-page .balance-comunidades-grid input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: #fff !important;
    border: 1px solid #159bd3 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    height: 11px !important;
    margin: 0 !important;
    vertical-align: middle;
    width: 11px !important;
}

html body.modern-page .balance-comunidades-grid .balance-comunidades-row-check,
html body.modern-page .balance-comunidades-grid .balance-comunidades-select-all {
    align-items: center;
    display: inline-flex;
    height: 14px;
    justify-content: center;
    line-height: 14px;
}

html body.modern-page .balance-comunidades-grid input[type="checkbox"]:checked {
    background: #079ed5 !important;
    box-shadow: inset 0 0 0 2px #fff !important;
}

html body.modern-page .balance-comunidades-grid .rgDataDiv,
html body.modern-page .balance-comunidades-grid .rgHeaderDiv {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

@media (max-width: 820px) {
    html body.modern-page .balance-comunidades-page { padding: 14px 12px 24px; }
    html body.modern-page .balance-comunidades-filter-grid { grid-template-columns: 1fr; }
    html body.modern-page .balance-comunidades-filter-actions { justify-content: stretch; }
    html body.modern-page .balance-comunidades-filter-actions .ga-button { width: 100%; }
}

/* Balance de facturación */
html body.modern-page .balance-facturacion-page {
    margin: 0;
    max-width: none;
    padding: 18px 24px 30px;
    width: 100%;
}

html body.modern-page .balance-facturacion-card { margin-bottom: 12px; }

html body.modern-page .balance-facturacion-filter-grid {
    align-items: end;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(360px, 1fr) 220px 220px 112px;
}

html body.modern-page .balance-facturacion-filter-grid .ga-field,
html body.modern-page .balance-facturacion-filter-grid .ga-picker-shell { width: 100%; }

html body.modern-page .balance-facturacion-totals {
    background: #fff;
    border: 1px solid #cfe0ea;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(17,64,91,.06);
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(150px, 220px));
    justify-content: start;
    margin-bottom: 12px;
    padding: 14px 16px;
}

html body.modern-page .balance-facturacion-totals .ga-field,
html body.modern-page .balance-facturacion-totals input { width: 100%; }

html body.modern-page .balance-facturacion-totals input[readonly] {
    background: #f5f9fb;
    color: #174c6b;
    font-weight: 600;
}

html body.modern-page .balance-facturacion-results { overflow: visible; }
html body.modern-page .balance-facturacion-grid .rgMasterTable { table-layout: fixed; width: 100% !important; }
html body.modern-page .balance-facturacion-grid .rgHeader { box-sizing: border-box; }
html body.modern-page .balance-facturacion-grid .rgRow td,
html body.modern-page .balance-facturacion-grid .rgAltRow td {
    height: 28px !important;
    padding: 4px 8px !important;
}
html body.modern-page .balance-facturacion-grid .rgRow td:first-child,
html body.modern-page .balance-facturacion-grid .rgAltRow td:first-child {
    text-align: left !important;
    white-space: nowrap;
}
html body.modern-page .balance-facturacion-grid th:first-child,
html body.modern-page .balance-facturacion-grid th:first-child a { text-align: left !important; }
html body.modern-page .balance-facturacion-grid .rgHeader,
html body.modern-page .balance-facturacion-grid .rgHeader a { white-space: nowrap; }
html body.modern-page .balance-link-contribution { color: #18864b !important; }
html body.modern-page .balance-link-extraction { color: #c33b3b !important; }

@media (max-width: 1000px) {
    html body.modern-page .balance-facturacion-filter-grid { grid-template-columns: 1fr 1fr; }
    html body.modern-page .balance-facturacion-totals { grid-template-columns: 1fr 1fr; }
}

html body.modern-page .mantenimiento-corte-entry .RadMap {
    border: 1px solid #d6e2eb;
    border-radius: 8px;
    overflow: hidden;
}

html body.modern-page .factura-filter-grid .ga-modern-input,
html body.modern-page .factura-filter-grid .ga-combobox-trigger,
html body.modern-page .factura-filter-grid .ga-picker-shell {
    height: 38px !important;
    min-height: 38px !important;
    width: 100% !important;
}

html body.modern-page .factura-filter-grid > .ga-field-check {
    align-self: center;
    padding-top: 20px;
}

html body.modern-page .factura-hidden-compat {
    display: none !important;
}

html body.modern-page .factura-filter-actions {
    align-items: center;
    display: flex;
    gap: 9px;
    grid-column: 1 / -1;
    justify-content: flex-end;
    padding-top: 2px;
}

html body.modern-page .factura-filter-actions .ga-button {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    text-decoration: none !important;
}

html body.modern-page .factura-filter-actions .ga-button:before {
    background-color: currentColor;
    content: "";
    height: 17px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 17px;
}

html body.modern-page .factura-search-button:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 3a7 7 0 1 0 4.9 12l5 5 1.4-1.4-5-5A7 7 0 0 0 10 3zm0 2a5 5 0 1 1 0 10 5 5 0 0 1 0-10z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 3a7 7 0 1 0 4.9 12l5 5 1.4-1.4-5-5A7 7 0 0 0 10 3zm0 2a5 5 0 1 1 0 10 5 5 0 0 1 0-10z'/%3E%3C/svg%3E");
}

html body.modern-page .factura-print-button:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10v4H7V3zm11 5H6a4 4 0 0 0-4 4v5h4v4h12v-4h4v-5a4 4 0 0 0-4-4zm-2 11H8v-5h8v5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3h10v4H7V3zm11 5H6a4 4 0 0 0-4 4v5h4v4h12v-4h4v-5a4 4 0 0 0-4-4zm-2 11H8v-5h8v5z'/%3E%3C/svg%3E");
}

html body.modern-page .factura-status-legend {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 10px;
}

html body.modern-page .factura-status-legend .leyendaItem {
    align-items: center;
    background: #f7fafc;
    border: 1px solid #e2eaf1;
    border-radius: 999px;
    color: #43576b;
    display: inline-flex;
    float: none !important;
    font-size: 11px;
    font-weight: 650;
    gap: 7px;
    margin: 0 !important;
    padding: 6px 10px;
}

html body.modern-page .factura-status-legend .leyendaCuadroColor {
    border: 0 !important;
    border-radius: 50%;
    float: none !important;
    height: 9px;
    margin: 0 !important;
    width: 9px;
}

html body.modern-page .status-nonconforming { background: #f7a7a7 !important; }
html body.modern-page .status-claimed { background: #ef6464 !important; }
html body.modern-page .status-validated { background: #7d83e8 !important; }
html body.modern-page .status-processed { background: #63c77b !important; }

html body.modern-page .factura-grid-card {
    border: 1px solid #dce6ee;
    border-radius: 12px;
    box-shadow: 0 7px 24px rgba(25, 55, 85, .06);
    overflow: hidden;
}

html body.modern-page .factura-grid-card > .RadGrid {
    border: 0 !important;
    width: 100% !important;
}

html body.modern-page .factura-grid-card .rgCommandRow td {
    background: #f7fafc !important;
    border-bottom: 1px solid #dfe8ef !important;
    min-height: 42px;
}

html body.modern-page .factura-grid-card .rgHeader {
    background: #edf5fa !important;
    border-color: #dbe7ef !important;
    color: #274157 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    padding: 11px 9px !important;
}

html body.modern-page .factura-grid-card .rgRow td,
html body.modern-page .factura-grid-card .rgAltRow td {
    border-color: #e8eef3 !important;
    color: #354a5e;
    padding: 10px 9px !important;
}

html body.modern-page #divPasarATramitada.window {
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 70px rgba(16, 42, 65, .3) !important;
    box-sizing: border-box;
    padding: 24px !important;
}

@media (max-width: 1150px) {
    html body.modern-page .factura-filter-grid { grid-template-columns: repeat(2, minmax(180px, 1fr)); }
}

@media (max-width: 720px) {
    html body.modern-page .factura-listado-header { align-items: flex-start; gap: 12px; }
    html body.modern-page .factura-filter-grid { grid-template-columns: minmax(0, 1fr); }
    html body.modern-page .factura-filter-actions { justify-content: stretch; }
    html body.modern-page .factura-filter-actions .ga-button { flex: 1; }
}

/* Invoice import --------------------------------------------------------- */
html body.modern-page .factura-importar-modern {
    color: #26394d;
    padding: 0 4px 28px;
}

html body.modern-page .factura-importar-header {
    margin: 0 0 18px;
    padding-left: 22px;
}

html body.modern-page .factura-importar-header h1 {
    background: transparent !important;
    border: 0 !important;
    color: #12263a !important;
    font-size: 27px !important;
    font-weight: 750 !important;
    letter-spacing: -.45px;
    margin: 0 0 4px !important;
    padding: 0 !important;
}

html body.modern-page .factura-importar-header p {
    color: #687b90;
    font-size: 13px;
    margin: 0;
}

html body.modern-page .factura-importar-modern fieldset {
    min-width: 0;
}

html body.modern-page .factura-import-upload-card,
html body.modern-page .factura-mapping-card {
    background: #fff;
    border: 1px solid #dce6ee !important;
    border-radius: 12px;
    box-shadow: 0 6px 22px rgba(25, 55, 85, .06);
    box-sizing: border-box;
    margin: 0 0 16px !important;
    padding: 20px !important;
}

html body.modern-page .factura-import-upload-card > legend,
html body.modern-page .factura-mapping-card > legend {
    background: #fff;
    color: #17324a;
    font-size: 14px;
    font-weight: 750;
    padding: 0 9px;
}

html body.modern-page .factura-import-upload-grid,
html body.modern-page .factura-import-upload-grid > tbody {
    display: block;
    width: 100%;
}

html body.modern-page .factura-import-upload-grid > tbody > tr {
    align-items: end;
    display: grid;
    gap: 12px 16px;
    width: 100%;
}

html body.modern-page .factura-import-upload-grid > tbody > tr:first-child {
    grid-template-columns: 118px minmax(320px, 1fr) 86px;
    margin-bottom: 18px;
}

html body.modern-page .factura-import-upload-grid > tbody > tr:nth-child(2) {
    border-top: 1px solid #e7edf3;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) 86px;
    padding-top: 18px;
}

html body.modern-page .factura-import-upload-grid > tbody > tr:nth-child(2) > td:nth-child(1),
html body.modern-page .factura-import-upload-grid > tbody > tr:nth-child(2) > td:nth-child(3) {
    display: none;
}

html body.modern-page .factura-import-upload-grid td {
    box-sizing: border-box;
    display: block;
    min-width: 0;
    padding: 0 !important;
    width: auto !important;
}

html body.modern-page .factura-import-upload-grid .clave {
    background: transparent !important;
    color: #263c4d !important;
    font-size: 13px;
    font-weight: 650;
}

html body.modern-page .factura-import-file.RadAsyncUpload {
    background: #f7fbfd;
    border: 1px dashed #8bcceb;
    border-radius: 10px;
    box-sizing: border-box;
    min-height: 42px;
    padding: 3px 5px;
    width: 100% !important;
}

html body.modern-page .factura-import-file .ruFileWrap {
    align-items: stretch;
    display: flex;
    gap: 6px;
    width: 100%;
}

html body.modern-page .factura-import-file .ruInputs > li {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    min-height: 34px;
    width: 100%;
}

html body.modern-page .factura-import-file .ruUploadProgress {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    padding: 0 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html body.modern-page .factura-import-file .ruButton.ruRemove {
    flex: 0 0 auto;
    margin: 0 0 0 auto !important;
    min-width: 82px;
    order: 20;
}

html body.modern-page .factura-import-file .ruFakeInput {
    background: #fff !important;
    border: 1px solid #b9d7e8 !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    flex: 1 1 auto;
    height: 34px !important;
    min-width: 0;
    padding: 6px 10px !important;
}

html body.modern-page .factura-import-file .ruButton,
html body.modern-page .factura-import-file .ruBrowse {
    background: #e8f6fc !important;
    border: 1px solid #a9d9ee !important;
    border-radius: 7px !important;
    color: #006fa5 !important;
    font-weight: 500 !important;
    box-sizing: border-box;
    height: 34px !important;
    min-height: 34px;
    min-width: 82px;
}

html body.modern-page .factura-importar-modern .factura-import-load,
html body.modern-page .factura-importar-modern .factura-import-save {
    align-self: end;
    height: 40px !important;
    min-width: 86px;
}

html body.modern-page .factura-import-upload-grid > tbody > tr:nth-child(2) > td:last-child {
    position: relative;
    top: -14px;
}

html body.modern-page .factura-importar-modern .RadButton.ga-button {
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    min-height: 38px;
    padding: 0 17px !important;
}

html body.modern-page .factura-importar-modern .RadButton.ga-button .rbText,
html body.modern-page .factura-importar-modern .RadButton.ga-button .rbPrimaryIcon,
html body.modern-page .factura-importar-modern a.ga-button {
    font-weight: 500 !important;
}

html body.modern-page .factura-importar-modern .factura-import-load,
html body.modern-page .factura-importar-modern .factura-import-save {
    background: linear-gradient(135deg, #009fe3, #0789c1) !important;
    border: 0 !important;
    box-shadow: 0 7px 16px rgba(0, 159, 227, .18) !important;
    color: #fff !important;
}

html body.modern-page .factura-importar-modern .RadButton.rbDisabled {
    box-shadow: none !important;
    opacity: .5;
}

html body.modern-page .factura-column-definition {
    margin-top: 16px;
}

html body.modern-page .factura-mapping-card {
    position: relative;
}

html body.modern-page .factura-mapping-toolbar {
    display: flex;
    justify-content: flex-end;
    margin: -8px 0 14px;
    min-height: 40px;
}

html body.modern-page .factura-mapping-save {
    position: static;
}

html body.modern-page .factura-mapping-layout,
html body.modern-page .factura-mapping-layout > tbody,
html body.modern-page .factura-mapping-layout > tbody > tr {
    display: block;
    width: 100%;
}

html body.modern-page .factura-mapping-layout > tbody > tr {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

html body.modern-page .factura-mapping-layout > tbody > tr > td {
    min-width: 0;
    padding: 0 !important;
    vertical-align: top;
    width: auto !important;
}

html body.modern-page .factura-mapping-layout .adminTable,
html body.modern-page .factura-mapping-layout .adminTable > tbody {
    display: block;
    width: 100%;
}

html body.modern-page .factura-mapping-layout .adminTable > tbody > tr {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e4ebf1;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(150px, 1fr) 78px minmax(120px, 1.2fr);
    margin-bottom: 7px;
    min-height: 48px;
    padding: 6px 9px;
}

html body.modern-page .factura-mapping-layout .adminTable td {
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box;
    color: #3c5063 !important;
    min-width: 0;
    padding: 0 !important;
    width: auto !important;
}

html body.modern-page .factura-mapping-layout .adminTable td.clave {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
}

html body.modern-page .factura-mapping-layout .RadInput {
    width: 68px !important;
}

html body.modern-page .factura-mapping-layout .RadInput .riTextBox {
    background: #fff !important;
    border: 1px solid #b9d7e8 !important;
    border-radius: 7px !important;
    box-sizing: border-box;
    color: #173b55 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    height: 34px !important;
    padding: 6px 8px !important;
    text-align: center;
    text-transform: uppercase;
    width: 68px !important;
}

html body.modern-page .factura-mapping-layout .RadInput .riFocused {
    border-color: #009fe3 !important;
    box-shadow: 0 0 0 3px rgba(0, 159, 227, .12) !important;
}

html body.modern-page .factura-mapping-layout label {
    color: #687b8d;
    display: block;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html body.modern-page .factura-importar-modern .mensaje {
    border: 0;
    border-radius: 9px;
    box-sizing: border-box;
    margin: 0 0 14px;
    padding: 11px 14px;
    width: 100%;
}

@media (max-width: 1100px) {
    html body.modern-page .factura-mapping-layout > tbody > tr { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 760px) {
    html body.modern-page .factura-import-upload-grid > tbody > tr:first-child,
    html body.modern-page .factura-import-upload-grid > tbody > tr:nth-child(2) { grid-template-columns: minmax(0, 1fr); }
    html body.modern-page .factura-mapping-layout .adminTable > tbody > tr { grid-template-columns: minmax(120px, 1fr) 68px; }
    html body.modern-page .factura-mapping-layout .adminTable > tbody > tr > td:last-child { grid-column: 1 / -1; }
    html body.modern-page .factura-import-upload-grid > tbody > tr:nth-child(2) > td:last-child { top: 0; }
}

/* Factura.aspx — legacy tabular sections (Consumos matrix, Precios dinamicos, Lecturas Vigilante)
   keep their exact table structure/IDs (jQuery keyboard nav + dynamically generated rows),
   only get a shared visual facelift scoped under .factura-page. */
html body.modern-page .factura-page fieldset {
    background: #fff;
    border: 1px solid #bfe3fa;
    border-radius: 6px;
    margin-bottom: 14px;
    padding: 16px;
}

html body.modern-page .factura-page fieldset > legend {
    color: #007bb7;
    font-size: 14px;
    font-weight: 700;
    padding: 0 6px;
}

html body.modern-page .factura-page fieldset > legend.minimizableLegend {
    cursor: pointer;
    user-select: none;
}

html body.modern-page .factura-page table.adminTable,
html body.modern-page .factura-page table[id] {
    border-collapse: collapse;
    width: 100%;
}

html body.modern-page .factura-page table.adminTable td,
html body.modern-page .factura-page table[id] > tbody > tr > td {
    padding: 5px 8px;
}

html body.modern-page .factura-page .facturaHeaderRow td {
    background: #f4f8fc;
    border-bottom: 1px solid #d8ecfb;
    color: #003b5c;
    font-size: 12px;
    font-weight: 700;
    padding: 8px;
    text-transform: uppercase;
}

html body.modern-page .factura-page .facturaTotalRow td {
    background: #eef8ff;
    font-weight: 700;
}

html body.modern-page .factura-page .clave {
    color: #003b5c;
    font-size: 13px;
    font-weight: 600;
}

html body.modern-page .factura-page .precioEnergiaTarifaTitle {
    color: #007bb7;
    font-weight: 700;
    padding: 6px 4px;
}

html body.modern-page .factura-page .factura-tarifa-info {
    color: #003b5c;
    font-size: 13px;
    margin: 8px 0;
}

html body.modern-page .factura-page .factura-tarifa-chip {
    background: #eef8ff;
    border: 1px solid #bfe3fa;
    border-radius: 6px;
    display: inline-block;
    padding: 6px 12px;
}

html body.modern-page .factura-page .factura-previas-card {
    margin-top: 12px;
}

html body.modern-page .factura-page .factura-previas-title {
    color: #007bb7;
    font-weight: 700;
    margin-bottom: 6px;
}

html body.modern-page .factura-page .modern-mini-table {
    border-collapse: collapse;
    width: 100%;
}

html body.modern-page .factura-page .modern-mini-table th {
    background: #f4f8fc;
    color: #003b5c;
    font-size: 12px;
    font-weight: 700;
    padding: 8px;
    text-align: left;
    text-transform: uppercase;
}

html body.modern-page .factura-page .modern-mini-table td {
    border-bottom: 1px solid #e4eef7;
    padding: 6px 8px;
}

html body.modern-page .factura-page .FacturaTextbox,
html body.modern-page .factura-page input.FacturaTextbox,
html body.modern-page .factura-page textarea.FacturaTextbox {
    background: #fff !important;
    border: 1px solid #9bd3f4 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    color: #003b5c !important;
    font-size: 13px !important;
    height: 30px !important;
    padding: 0 8px !important;
    width: 100% !important;
}

html body.modern-page .factura-page .FacturaTextbox:focus {
    border-color: #009fe3 !important;
    box-shadow: 0 0 0 2px rgba(0, 159, 227, .12) !important;
    outline: none !important;
}

html body.modern-page .factura-page .FacturaTextbox.readonly,
html body.modern-page .factura-page input.readonly {
    background: #f4f8fc !important;
    color: #55708a !important;
}

html body.modern-page .factura-page .botonGrande,
html body.modern-page .factura-page .botonMedium,
html body.modern-page .factura-page a.downloadlink {
    background: #007bb7 !important;
    border: 0 !important;
    border-radius: 6px !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 7px 14px !important;
    text-decoration: none !important;
}

html body.modern-page .factura-page .botonGrande:hover,
html body.modern-page .factura-page .botonMedium:hover,
html body.modern-page .factura-page a.downloadlink:hover {
    background: #005f8c !important;
}

html body.modern-page .factura-page .mensaje {
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 10px 14px;
}

html body.modern-page .factura-page .mensaje.success {
    background: #e6f7ec;
    border: 1px solid #b7e4c7;
    color: #1e7b3f;
}

html body.modern-page .factura-page .mensaje.error {
    background: #fdecea;
    border: 1px solid #f5c2c0;
    color: #a33a35;
}

html body.modern-page .factura-page .mensaje.notice {
    background: #fff7e0;
    border: 1px solid #f0dca0;
    color: #8a6d1f;
}

html body.modern-page .factura-page .RadInput {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

/* Seguimiento de flujos */
html body.modern-page .seguimiento-flujos-page { box-sizing:border-box; color:#17384e; padding:18px 24px 30px; width:100%; }
html body.modern-page .seguimiento-flujos-header { margin-bottom:12px; }
html body.modern-page .seguimiento-flujos-header h1 { color:#102f44; font-size:24px; font-weight:700; letter-spacing:-.35px; margin:0 0 3px; }
html body.modern-page .seguimiento-flujos-header p,
html body.modern-page .seguimiento-flujos-card-heading p { color:#61788d; font-size:11px; margin:0; }
html body.modern-page .seguimiento-flujos-filter-card,
html body.modern-page .seguimiento-flujos-grid-card { background:#fff; border:1px solid #cfe0ea; border-radius:12px; box-shadow:0 8px 24px rgba(17,64,91,.06); }
html body.modern-page .seguimiento-flujos-filter-card { margin-bottom:10px; padding:14px 16px; }
html body.modern-page .seguimiento-flujos-filter-grid { align-items:end; display:grid; gap:12px 14px; grid-template-columns:repeat(4,minmax(190px,1fr)); }
html body.modern-page .seguimiento-flujos-filter-grid .ga-field,
html body.modern-page .seguimiento-flujos-filter-grid .ga-picker-shell { width:100%; }
html body.modern-page .seguimiento-flujos-puntos-field .RadComboBox { display:block; width:100% !important; }
html body.modern-page .seguimiento-flujos-puntos-field .RadComboBox table { background:#fff !important; border:1px solid #8fc9e8 !important; border-radius:7px !important; box-shadow:none !important; height:31px !important; overflow:hidden; width:100% !important; }
html body.modern-page .seguimiento-flujos-puntos-field .RadComboBox .rcbInput { color:#42586b !important; font-size:11px !important; padding-left:10px !important; }
html body.modern-page .seguimiento-flujos-puntos-field .rcbArrowCell { background:#f4f9fc !important; }
html body.modern-page .seguimiento-flujos-filter-action { display:flex; grid-column:4; justify-content:flex-end; }
html body.modern-page .seguimiento-flujos-filter-action .ga-button { min-width:112px; }
html body.modern-page .seguimiento-flujos-legend { align-items:center; display:flex; flex-wrap:wrap; gap:7px; justify-content:space-between; margin:0 0 10px; }
html body.modern-page .seguimiento-flujos-legend span { align-items:center; background:#fff; border:1px solid #d6e5ed; border-radius:999px; color:#42586b; display:inline-flex; font-size:10px; gap:6px; padding:4px 9px; white-space:nowrap; }
html body.modern-page .seguimiento-flujos-legend i { background:var(--status); border-radius:50%; display:inline-block; height:8px; width:8px; }
html body.modern-page .seguimiento-flujos-grid-card { overflow:hidden; }
html body.modern-page .seguimiento-flujos-card-heading { padding:12px 15px 10px; }
html body.modern-page .seguimiento-flujos-card-heading h2 { color:#123b55; font-size:15px; font-weight:650; margin:0 0 2px; }
html body.modern-page .seguimiento-flujos-grid,
html body.modern-page .seguimiento-flujos-summary-grid { border:0 !important; border-radius:0 !important; box-shadow:none !important; }
html body.modern-page .seguimiento-flujos-grid .rgHeader,
html body.modern-page .seguimiento-flujos-grid .rgHeader a,
html body.modern-page .seguimiento-flujos-summary-grid .rgHeader,
html body.modern-page .seguimiento-flujos-summary-grid .rgHeader a { color:#174c6b !important; font-size:11px !important; font-weight:650 !important; }
html body.modern-page .seguimiento-flujos-grid .rgRow td,
html body.modern-page .seguimiento-flujos-grid .rgAltRow td,
html body.modern-page .seguimiento-flujos-summary-grid .rgRow td,
html body.modern-page .seguimiento-flujos-summary-grid .rgAltRow td { font-size:11px !important; height:28px !important; padding:4px 7px !important; vertical-align:middle !important; }
html body.modern-page .seguimiento-flujos-grid .rgAltRow td,
html body.modern-page .seguimiento-flujos-summary-grid .rgAltRow td { background-color:#f8fbfd; }
html body.modern-page .seguimiento-flujos-summary-grid .rgGroupHeader > td,
html body.modern-page .seguimiento-flujos-summary-grid tr.rgGroupHeader > td { background:#dceefa !important; border-color:#c1deef !important; color:#164d6d !important; }
html body.modern-page .seguimiento-flujos-summary-grid .rgGroupHeader td,
html body.modern-page .seguimiento-flujos-summary-grid .rgGroupHeader td * { color:#164d6d !important; }
html body.modern-page .seguimiento-flujos-summary-grid .rgRow > td:first-child,
html body.modern-page .seguimiento-flujos-summary-grid .rgAltRow > td:first-child { background:#fff !important; }
html body.modern-page .seguimiento-flujos-grid .lineaRojaHoy { border-top:1px solid #f04444 !important; }
html body.modern-page .seguimiento-flujos-grid td.seguimiento-flujo-status-0 { background-color:#fff !important; }
html body.modern-page .seguimiento-flujos-grid td.seguimiento-flujo-status-1 { background-color:#ffd7d7 !important; }
html body.modern-page .seguimiento-flujos-grid td.seguimiento-flujo-status-2 { background-color:#c8ffc8 !important; }
html body.modern-page .seguimiento-flujos-grid td.seguimiento-flujo-status-3 { background-color:#ffee8a !important; }
html body.modern-page .seguimiento-flujos-grid td.seguimiento-flujo-status-4 { background-color:#ffa0a0 !important; }
html body.modern-page .seguimiento-flujos-grid td.seguimiento-flujo-status-5 { background-color:#b2e0fa !important; }
html body.modern-page .seguimiento-flujos-grid td.seguimiento-flujo-status-6 { background-color:#3183b1 !important; color:#fff !important; }
html body.modern-page .seguimiento-flujos-grid td.seguimiento-flujo-status-7 { background-color:#69c769 !important; }
html body.modern-page .seguimiento-flujos-summary-grid td.seguimiento-flujo-total-positive { background-color:#90ee90 !important; color:#17384e !important; }
html body.modern-page .seguimiento-flujos-summary-grid td.seguimiento-flujo-total-negative { background-color:#ffa07a !important; color:#17384e !important; }
html body.modern-page .seguimiento-flujos-summary-card { margin-top:14px; }
html body.modern-page .seguimiento-flujos-legacy-text { display:none; }
@media (max-width:1100px) { html body.modern-page .seguimiento-flujos-filter-grid { grid-template-columns:1fr 1fr; } html body.modern-page .seguimiento-flujos-filter-action { grid-column:auto; } }
@media (max-width:650px) { html body.modern-page .seguimiento-flujos-page { padding:14px 12px 24px; } html body.modern-page .seguimiento-flujos-filter-grid { grid-template-columns:1fr; } html body.modern-page .seguimiento-flujos-filter-action, html body.modern-page .seguimiento-flujos-filter-action .ga-button { width:100%; } html body.modern-page .seguimiento-flujos-legend { justify-content:flex-start; } }

/* Balance de canal */
html body.modern-page .balance-canal-page { box-sizing:border-box; color:#17384e; padding:18px 24px 30px; width:100%; }
html body.modern-page .balance-canal-header { margin-bottom:12px; }
html body.modern-page .balance-canal-header h1 { color:#102f44; font-size:24px; font-weight:700; letter-spacing:-.35px; margin:0 0 3px; }
html body.modern-page .balance-canal-header p,
html body.modern-page .balance-canal-results-heading p { color:#61788d; font-size:11px; margin:0; }
html body.modern-page .balance-canal-filter-card,
html body.modern-page .balance-canal-totals,
html body.modern-page .balance-canal-results-card { background:#fff; border:1px solid #cfe0ea; border-radius:12px; box-shadow:0 8px 24px rgba(17,64,91,.06); }
html body.modern-page .balance-canal-filter-card { margin-bottom:12px; padding:14px 16px; }
html body.modern-page .balance-canal-filter-grid { align-items:end; display:grid; gap:14px; grid-template-columns:1fr 1fr 1.35fr auto; }
html body.modern-page .balance-canal-filter-grid .ga-field,
html body.modern-page .balance-canal-filter-grid .ga-picker-shell { width:100%; }
html body.modern-page .balance-canal-actions { align-items:center; display:flex; gap:8px; justify-content:flex-end; }
html body.modern-page .balance-canal-totals { display:grid; gap:22px; grid-template-columns:repeat(3,minmax(180px,1fr)); margin-bottom:12px; padding:13px 16px; }
html body.modern-page .balance-canal-totals .ga-field,
html body.modern-page .balance-canal-totals input { width:100%; }
html body.modern-page .balance-canal-totals input[readonly] { background:#f5f9fc; color:#123b55; font-weight:600; }
html body.modern-page .balance-canal-results-card { overflow:hidden; }
html body.modern-page .balance-canal-results-heading { padding:13px 15px 10px; }
html body.modern-page .balance-canal-results-heading h2 { color:#123b55; font-size:15px; font-weight:650; margin:0 0 2px; }
html body.modern-page .balance-canal-grid { border:0 !important; border-radius:0 !important; box-shadow:none !important; }
html body.modern-page .balance-canal-grid .rgHeader,
html body.modern-page .balance-canal-grid .rgHeader a { color:#174c6b !important; font-size:11px !important; font-weight:650 !important; }
html body.modern-page .balance-canal-grid .rgRow td,
html body.modern-page .balance-canal-grid .rgAltRow td { border-bottom:1px solid #dbe7ee !important; border-right:1px solid #e4edf2 !important; font-size:13px !important; height:30px !important; padding:5px 8px !important; vertical-align:middle !important; }
html body.modern-page .balance-canal-grid .rgAltRow td { background:#f8fbfd; }
html body.modern-page .balance-canal-grid .rgRow > td:first-child,
html body.modern-page .balance-canal-grid .rgAltRow > td:first-child { background:#fff !important; }
html body.modern-page .balance-canal-grid tr.balance-canal-group-row > td { background:#dceefa !important; border-color:#c1deef !important; padding:9px 12px !important; }
html body.modern-page .balance-canal-group { align-items:center; color:#164d6d; display:flex; gap:22px; width:100%; }
html body.modern-page .balance-canal-group strong { flex:1; font-size:12px; }
html body.modern-page .balance-canal-group span { color:#58768a; font-size:10px; white-space:nowrap; }
html body.modern-page .balance-canal-group b { color:#164d6d; font-size:11px; margin-left:4px; }
html body.modern-page .balance-canal-flow-link { font-weight:600; text-decoration:none; }
html body.modern-page .balance-canal-flow-link:hover { text-decoration:underline; }
html body.modern-page .balance-canal-grid tr.balance-canal-contribution-row td,
html body.modern-page .balance-canal-grid tr.balance-canal-contribution-row a { color:#13823b !important; }
html body.modern-page .balance-canal-grid tr.balance-canal-extraction-row td,
html body.modern-page .balance-canal-grid tr.balance-canal-extraction-row a { color:#d43c3c !important; }
html body.modern-page .balance-canal-legacy-text { display:none; }
@media (max-width:1050px) { html body.modern-page .balance-canal-filter-grid { grid-template-columns:1fr 1fr; } html body.modern-page .balance-canal-actions { justify-content:flex-start; } html body.modern-page .balance-canal-group { align-items:flex-start; flex-wrap:wrap; gap:7px 18px; } html body.modern-page .balance-canal-group strong { flex-basis:100%; } }
@media (max-width:650px) { html body.modern-page .balance-canal-page { padding:14px 12px 24px; } html body.modern-page .balance-canal-filter-grid, html body.modern-page .balance-canal-totals { grid-template-columns:1fr; } html body.modern-page .balance-canal-actions { align-items:stretch; flex-direction:column; } }

html body.modern-page .balance-canal-grid.RadGrid .rgMasterTable tr.rgRow > td,
html body.modern-page .balance-canal-grid.RadGrid .rgMasterTable tr.rgAltRow > td {
    border-bottom:1px solid #cfe2ed !important;
    border-right:1px solid #d9e8f0 !important;
}
html body.modern-page .balance-canal-grid.RadGrid .rgMasterTable tr.rgRow > td { background-color:#fff !important; }
html body.modern-page .balance-canal-grid.RadGrid .rgMasterTable tr.rgAltRow > td { background-color:#f1f8fc !important; }
html body.modern-page .balance-canal-grid.RadGrid .rgMasterTable td.rgGroupCol,
html body.modern-page .balance-canal-grid.RadGrid .rgMasterTable .rgRow td.rgGroupCol,
html body.modern-page .balance-canal-grid.RadGrid .rgMasterTable .rgAltRow td.rgGroupCol,
html body.modern-page .balance-canal-grid.RadGrid .rgMasterTable td[class*="rgGroupCol"] {
    background-color:#fff !important;
    background-image:none !important;
    border-bottom:1px solid #d5e3eb !important;
    border-right:1px solid #d5e3eb !important;
}

/* Cierre de caudales */
html body.modern-page .cierres-page { box-sizing:border-box; color:#17384e; padding:18px 24px 28px; width:100%; }
html body.modern-page .cierres-page-header { margin-bottom:12px; }
html body.modern-page .cierres-page-header h1 { color:#102f44; font-size:24px; font-weight:700; letter-spacing:-.35px; margin:0 0 3px; }
html body.modern-page .cierres-page-header p,
html body.modern-page .cierres-grid-heading p { color:#61788d; font-size:11px; margin:0; }
html body.modern-page .cierres-filter-card,
html body.modern-page .cierres-grid-card { background:#fff; border:1px solid #cfe0ea; border-radius:12px; box-shadow:0 8px 24px rgba(17,64,91,.06); }
html body.modern-page .cierres-filter-card { margin:0 0 12px; padding:14px 16px; }
html body.modern-page .cierres-primary-grid { display:grid; gap:18px; grid-template-columns:1fr 1.25fr; margin-bottom:13px; }
html body.modern-page .cierres-secondary-grid { display:grid; gap:12px 14px; grid-template-columns:repeat(2,minmax(260px,1fr)); }
html body.modern-page .cierres-field { min-width:0; position:relative; }
html body.modern-page .cierres-field > label { color:#174c6b; display:block; font-size:10px; font-weight:650; margin:0 0 5px; }
html body.modern-page .cierres-field .RadComboBox,
html body.modern-page .cierres-field .RadDropDownTree,
html body.modern-page .cierres-field .RadDropDownList,
html body.modern-page .cierres-field .RadPicker { width:100% !important; }
html body.modern-page .cierres-field .RadComboBox table,
html body.modern-page .cierres-field .RadDropDownTree .rddtInner,
html body.modern-page .cierres-field .RadDropDownList .rddlInner,
html body.modern-page .cierres-field .RadPicker .riTextBox { border-color:#8fc9e8 !important; border-radius:6px !important; box-shadow:none !important; min-height:31px; }
html body.modern-page .cierres-action-field .RadRadioButtonList { padding:3px 0 0 !important; }
html body.modern-page .cierres-period-field .cierres-date-row { align-items:end; display:grid !important; gap:8px; grid-template-columns:minmax(170px,1fr) minmax(145px,.78fr) minmax(205px,1fr) 34px; width:100%; }
html body.modern-page .cierres-period-field .RadButton { border:1px solid #8fc9e8; border-radius:6px; }
html body.modern-page .cierres-filter-footer { align-items:center; border-top:1px solid #e0ebf1; display:grid; gap:10px; grid-template-columns:1fr auto auto; margin-top:14px; padding-top:12px; }
html body.modern-page .cierres-filter-footer .mensaje.warning { align-items:center; background:#fff8dc; border:1px solid #f0dc8a; border-radius:8px; color:#705a10; display:flex; font-size:11px; margin:0; min-height:34px; padding:7px 11px; }
html body.modern-page .cierres-filter-footer #MainPlaceHolder_divStep1,
html body.modern-page .cierres-filter-footer #MainPlaceHolder_divStep2 { display:flex; gap:8px; }
html body.modern-page .cierres-filter-footer .RadButton { min-width:124px; width:auto !important; }
html body.modern-page .cierres-filter-footer .RadButton .rbDecorated { font-weight:500 !important; }
html body.modern-page .cierres-filter-footer .cierres-view-button,
html body.modern-page .cierres-filter-footer .RadButton.cierres-view-button,
html body.modern-page .cierres-filter-footer .cierres-view-button .rbDecorated,
html body.modern-page .cierres-filter-footer .cierres-corporate-button,
html body.modern-page .cierres-filter-footer .RadButton.cierres-corporate-button,
html body.modern-page .cierres-filter-footer .cierres-corporate-button .rbDecorated { background:#0f426d !important; background-image:none !important; border-color:#0f426d !important; border-radius:6px !important; box-shadow:0 5px 12px rgba(15,66,109,.22); color:#fff !important; }
html body.modern-page .cierres-filter-footer .cierres-view-button:hover,
html body.modern-page .cierres-filter-footer .RadButton.cierres-view-button:hover,
html body.modern-page .cierres-filter-footer .cierres-corporate-button:hover,
html body.modern-page .cierres-filter-footer .RadButton.cierres-corporate-button:hover { background:#0b3355 !important; background-image:none !important; border-color:#0b3355 !important; }
html body.modern-page .cierres-filter-footer .cierres-view-button .rbDecorated,
html body.modern-page .cierres-filter-footer .cierres-view-button .rbText,
html body.modern-page .cierres-filter-footer .cierres-view-button input,
html body.modern-page .cierres-filter-footer .cierres-corporate-button .rbDecorated,
html body.modern-page .cierres-filter-footer .cierres-corporate-button .rbText,
html body.modern-page .cierres-filter-footer .cierres-corporate-button input { background:none !important; color:#fff !important; font-weight:500 !important; }
html body.modern-page .cierres-filter-footer .cierres-view-button .rbPrimaryIcon { filter:brightness(0) invert(1); }
html body.modern-page .cierres-validation-summary,
html body.modern-page .cierres-filter-card .mensaje.error { background:#fff1f2; border:1px solid #fecdd3; border-radius:7px; color:#a82031; font-size:11px; margin:0 0 10px; padding:8px 10px; }
html body.modern-page .cierres-filter-card .mensaje.error:empty { display:none !important; }
html body.modern-page .cierres-filter-card .cierres-runtime-message { display:none !important; }
html body.modern-page .cierres-filter-card .cierres-runtime-message.is-visible { display:flex !important; }
html body.modern-page .cierres-field > .ga-field { width:100%; }
html body.modern-page .cierres-installation-tree-field .RadDropDownTree,
html body.modern-page .cierres-installation-tree-field .rddtInner { box-sizing:border-box; width:100% !important; }
html body.modern-page .cierres-installation-tree-field .rddtInner { background:#fff !important; border:1px solid #8fc9e8 !important; border-radius:6px !important; min-height:31px; position:relative; }
html body.modern-page .cierres-installation-tree-field .rddtFakeInput { box-sizing:border-box; color:#17384e !important; display:block; min-height:29px; overflow:hidden; padding:7px 34px 6px 9px !important; text-overflow:ellipsis; white-space:nowrap; }
html body.modern-page .cierres-installation-tree-field .rddtIcon { background:none !important; color:transparent !important; font-size:0 !important; height:29px !important; margin:0 !important; position:absolute !important; right:0 !important; top:0 !important; width:30px !important; }
html body.modern-page .cierres-grid .RadDropDownList .rddlIcon,
html body.modern-page .cierres-grid .ddltiposdeagua .rddlIcon { background:none !important; background-image:none !important; display:none !important; font-family:Arial,sans-serif !important; font-size:0 !important; }
html body.modern-page .cierres-installation-tree-field .rddtIcon::before,
html body.modern-page .cierres-grid .RadDropDownList .rddlIcon::before,
html body.modern-page .cierres-grid .RadDropDownList .rddlIcon::after,
html body.modern-page .cierres-grid .ddltiposdeagua .rddlIcon::before,
html body.modern-page .cierres-grid .ddltiposdeagua .rddlIcon::after { content:none !important; display:none !important; }
html body.modern-page .cierres-installation-tree-field .rddtIcon::after { border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #245a78; content:"" !important; display:block !important; left:50%; position:absolute; text-indent:0 !important; top:50%; transform:translate(-50%,-35%); z-index:3; }
html body.modern-page .cierres-grid .RadDropDownList .rddlInner,
html body.modern-page .cierres-grid .ddltiposdeagua .rddlInner { min-height:24px !important; padding-bottom:0 !important; padding-right:24px !important; padding-top:0 !important; position:relative; }
html body.modern-page .cierres-grid .RadDropDownList .rddlInner::after,
html body.modern-page .cierres-grid .ddltiposdeagua .rddlInner::after { border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #245a78; content:"" !important; display:block !important; pointer-events:none; position:absolute; right:8px; top:50%; transform:translateY(-35%); z-index:10; }
html body.modern-page .cierres-grid .RadDropDownList .rddlAction,
html body.modern-page .cierres-grid .ddltiposdeagua .rddlAction { background:none !important; background-image:none !important; border:0 !important; bottom:0 !important; color:transparent !important; font-family:Arial,sans-serif !important; font-size:0 !important; overflow:hidden !important; position:absolute !important; right:0 !important; text-indent:-9999px !important; text-shadow:none !important; top:0 !important; width:24px !important; }
html body.modern-page .cierres-grid .RadDropDownList .rddlAction > *,
html body.modern-page .cierres-grid .ddltiposdeagua .rddlAction > * { display:none !important; }
html body.modern-page .cierres-grid .RadDropDownList .rddlAction::before,
html body.modern-page .cierres-grid .RadDropDownList .rddlAction::after,
html body.modern-page .cierres-grid .ddltiposdeagua .rddlAction::before,
html body.modern-page .cierres-grid .ddltiposdeagua .rddlAction::after { background:none !important; content:none !important; display:none !important; }
html body.modern-page .cierres-period-field .cierres-date-row > .ga-field { min-width:0; width:100%; }
html body.modern-page .cierres-grid-card { overflow:hidden; }
html body.modern-page .cierres-grid-heading { padding:12px 15px 10px; }
html body.modern-page .cierres-grid-heading h2 { color:#123b55; font-size:15px; font-weight:650; margin:0 0 2px; }
html body.modern-page .cierres-grid-container { height:calc(100vh - 430px); min-height:430px; min-width:0; overflow:hidden; }
html body.modern-page .cierres-grid { border:0 !important; border-radius:0 !important; box-shadow:none !important; }
html body.modern-page .cierres-grid .rgMasterTable { min-width:1280px; table-layout:fixed; }
html body.modern-page .cierres-grid .rgHeader,
html body.modern-page .cierres-grid .rgHeader a { color:#174c6b !important; font-size:10px !important; font-weight:650 !important; line-height:1.2; }
html body.modern-page .cierres-grid .rgEditRow td { border-bottom:1px solid #cfe2ed !important; border-right:1px solid #dce9f0 !important; box-sizing:border-box; font-size:10px !important; height:26px !important; line-height:1.1 !important; padding:1px 3px !important; vertical-align:middle !important; }
html body.modern-page .cierres-grid .rgEditRow:nth-child(even) td:not(.alerta):not(.notificar):not(.ok):not(.anterior) { background:#f4f9fc !important; }
html body.modern-page .cierres-grid .rgEditRow:hover td:not(.alerta):not(.notificar):not(.ok) { background:#eaf5fb !important; }
html body.modern-page .cierres-grid .rgGroupHeader td { background:#d4ecf8 !important; border-bottom:1px solid #a9d2e6 !important; color:#164d6d !important; font-size:11px !important; font-weight:650; height:27px !important; line-height:1.1; padding:4px 10px 4px 22px !important; vertical-align:middle !important; }
html body.modern-page .cierres-grid .rgGroupHeader .rgExpand,
html body.modern-page .cierres-grid .rgGroupHeader .rgCollapse { display:inline-block !important; margin-left:-12px !important; margin-right:9px !important; vertical-align:middle; }
html body.modern-page .cierres-grid td.anterior { background:#edf5f8 !important; }
html body.modern-page .cierres-grid td.alerta { background:#ffe1e4 !important; }
html body.modern-page .cierres-grid td.notificar { background:#fff4c9 !important; }
html body.modern-page .cierres-grid td.ok { background:#dff5e4 !important; }
html body.modern-page .cierres-grid .RadInput,
html body.modern-page .cierres-grid .RadInput input,
html body.modern-page .cierres-grid .RadDropDownList { box-sizing:border-box; font-size:10px !important; max-width:100%; }
html body.modern-page .cierres-grid .RadInput { display:block; margin:0 auto !important; }
html body.modern-page .cierres-grid .RadInput input { border-color:#b8d6e5 !important; border-radius:4px !important; height:21px !important; min-height:21px !important; padding:1px 4px !important; }
html body.modern-page .cierres-grid input.cierres-row-checkbox { -webkit-appearance:none !important; appearance:none !important; background:#fff !important; border:1px solid #079bd3 !important; border-radius:2px !important; box-sizing:border-box !important; cursor:pointer; display:block !important; height:12px !important; margin:0 auto !important; max-height:12px !important; max-width:12px !important; min-height:12px !important; min-width:12px !important; padding:0 !important; position:relative; vertical-align:middle; width:12px !important; }
html body.modern-page .cierres-grid input.cierres-row-checkbox:checked { background-color:#079bd3 !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.1 4.8 8.6 9.9 3.3' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-position:center !important; background-repeat:no-repeat !important; background-size:11px 11px !important; }
html body.modern-page .cierres-grid th:has(input[type="checkbox"]),
html body.modern-page .cierres-grid td:has(input[type="checkbox"]) { padding-left:0 !important; padding-right:0 !important; text-align:center !important; vertical-align:middle !important; }
html body.modern-page .cierres-grid .checkselectrow { align-items:center; display:flex; height:100%; justify-content:center; width:100%; }
html body.modern-page .cierres-grid td.nuevo > div { align-items:center; display:flex; flex-wrap:nowrap; gap:4px; white-space:nowrap; }
html body.modern-page .cierres-grid td.nuevo .diasLectura,
html body.modern-page .cierres-grid td.nuevo .diasCierre { flex:0 0 auto; white-space:nowrap; }
html body.modern-page .cierres-grid td.nuevo img { flex:0 0 auto; height:14px !important; margin-left:2px; top:0 !important; width:14px !important; }
html body.modern-page .cierres-grid img { display:inline-block; max-height:16px; object-fit:contain; vertical-align:middle !important; }
html body.modern-page .cierres-grid td > span { vertical-align:middle; }
html body.modern-page .cierres-grid td > span[style*="float: right"] { align-items:center; display:flex; height:24px; }
html body.modern-page .cierres-grid a { cursor:pointer; }
html body.modern-page .cierres-grid .modalcommentPopup { background:#fff; border:1px solid #8fc9e8; border-radius:8px; box-shadow:0 12px 28px rgba(13,50,74,.22); padding:8px; }
html body.modern-page #lecturas.window,
html body.modern-page #cierres.window { background:#fff; border:1px solid #b9d8e8; border-radius:12px; box-shadow:0 20px 55px rgba(10,40,58,.28); overflow:hidden; padding:12px; position:fixed; }
html body.modern-page #lecturas .RadGrid,
html body.modern-page #cierres .RadGrid { border:0; }
html body.modern-page #lecturas .rgCommandCell { background:#fff !important; border-bottom:1px solid #d7e6ee !important; padding:8px 48px 8px 10px !important; }
html body.modern-page .cierres-history-legend { align-items:center; background:#f5faff; border:1px solid #d2e6f1; border-radius:8px; display:flex; float:none; gap:8px; justify-content:flex-start; min-height:28px; padding:4px 8px; width:max-content; }
html body.modern-page .cierres-history-legend-item { align-items:center; background:#fff; border:1px solid #d7e6ee; border-radius:999px; color:#35576d; display:inline-flex; font-size:11px; font-weight:500; gap:6px; line-height:1; padding:5px 9px; white-space:nowrap; }
html body.modern-page .cierres-history-dot { border-radius:50%; display:inline-block; height:8px; width:8px; }
html body.modern-page .cierres-history-dot.cierreActual { background:#ffb8b8; }
html body.modern-page .cierres-history-dot.cerrado { background:#cff5e7; }
html body.modern-page .cierres-window-close { align-items:center; background:#fff; border:1px solid #c8dce8; border-radius:50%; color:#174c6b; cursor:pointer; display:flex; font-size:21px; font-weight:400; height:32px; justify-content:center; line-height:1; padding:0 0 2px; position:absolute; right:10px; top:10px; width:32px; z-index:12; }
html body.modern-page .cierres-window-close:hover { background:#eaf7fd; border-color:#079bd3; color:#006b99; }
html body.modern-page .cierres-window-close-label { align-items:center; background:#fff; border:1px solid #a9cfe3; border-radius:6px; color:#174c6b; cursor:pointer; display:inline-flex; font-size:11px; font-weight:500; gap:5px; min-height:29px; padding:5px 10px; }
html body.modern-page .cierres-window-close-label:hover { background:#eaf7fd; border-color:#079bd3; }
@media (max-width:1050px) { html body.modern-page .cierres-primary-grid, html body.modern-page .cierres-secondary-grid { grid-template-columns:1fr; } html body.modern-page .cierres-filter-footer { grid-template-columns:1fr; } html body.modern-page .cierres-filter-footer #MainPlaceHolder_divStep1, html body.modern-page .cierres-filter-footer #MainPlaceHolder_divStep2 { justify-content:flex-end; } html body.modern-page .cierres-grid-container { height:calc(100vh - 500px); } }
@media (max-width:650px) { html body.modern-page .cierres-page { padding:14px 12px 24px; } html body.modern-page .cierres-period-field .cierres-date-row { grid-template-columns:1fr; } html body.modern-page .cierres-filter-footer #MainPlaceHolder_divStep1, html body.modern-page .cierres-filter-footer #MainPlaceHolder_divStep2 { align-items:stretch; flex-direction:column; } html body.modern-page .cierres-filter-footer .RadButton { width:100% !important; } }

/* Seguimiento de Cierres (Waterflow) */
html body.modern-page .seguimiento-cierres-page { box-sizing:border-box; padding:18px 24px 28px; width:100%; }
html body.modern-page .seguimiento-cierres-filtros { background:#fff; border:1px solid #cfe0ea; border-radius:12px; box-shadow:0 8px 24px rgba(17,64,91,.06); margin:0 0 14px; padding:16px 18px 14px; }
html body.modern-page .seguimiento-cierres-grid .seguimiento-cierres-hidden-col { display:none !important; }
html body.modern-page .seguimiento-cierres-grid .rgMasterTable td.rgGroupCol,
html body.modern-page .seguimiento-cierres-grid .rgMasterTable .rgRow td.rgGroupCol,
html body.modern-page .seguimiento-cierres-grid .rgMasterTable .rgAltRow td.rgGroupCol,
html body.modern-page .seguimiento-cierres-grid .rgMasterTable td[class*="rgGroupCol"] {
    background-color:#fff !important;
    background-image:none !important;
    border-right:1px solid #edf1f5 !important;
}
html body.modern-page .seguimiento-cierres-grid .rgHeader,
html body.modern-page .seguimiento-cierres-grid .rgHeader a { color:#174c6b !important; font-size:11px !important; font-weight:650 !important; padding:6px 8px !important; }
html body.modern-page .seguimiento-cierres-grid .rgMasterTable .rgRow > td,
html body.modern-page .seguimiento-cierres-grid .rgMasterTable .rgAltRow > td { font-size:11px !important; height:30px; padding:4px 8px !important; vertical-align:middle; }
html body.modern-page .seguimiento-cierres-grid .rgGroupHeader td { background:#d4ecf8 !important; border-bottom:1px solid #a9d2e6 !important; color:#164d6d !important; font-size:11px !important; font-weight:650; height:30px; padding:6px 10px !important; }
html body.modern-page .seguimiento-cierres-grid .rgFooter td { font-size:11px !important; padding:4px 8px !important; }
html body.modern-page .seguimiento-cierres-grid .rgFilterRow td { padding:4px 8px !important; }
html body.modern-page .seguimiento-cierres-grid .rgFilterRow input[type="text"] { font-size:11px !important; height:24px !important; padding:2px 6px !important; }
html body.modern-page .seguimiento-cierres-grid .modern-inline-actions { justify-content:center; }
html body.modern-page .seguimiento-cierres-grid .modern-inline-actions .RadButton { font-size:11px !important; height:26px !important; min-width:0 !important; padding:0 10px !important; }
html body.modern-page .seguimiento-cierres-grid input[type="checkbox"] { accent-color:#0078d4; height:16px; width:16px; }
html body.modern-page .seguimiento-cierres-grid img { object-fit:contain; vertical-align:middle; }

/* Listado de Cierres (Waterflow) */
html body.modern-page .cierreslistado-page { box-sizing:border-box; padding:18px 24px 28px; width:100%; }
html body.modern-page .cierreslistado-filtros { background:#fff; border:1px solid #cfe0ea; border-radius:12px; box-shadow:0 8px 24px rgba(17,64,91,.06); margin:0 0 14px; padding:16px 18px 14px; }
html body.modern-page .cierreslistado-actions { align-items:center; display:flex; gap:16px; justify-content:space-between; margin-top:14px; }
html body.modern-page .cierreslistado-actions .ga-field-check { width:auto !important; }
html body.modern-page .cierreslistado-actions-right { align-items:center; display:flex; flex:0 0 auto; gap:10px; }
html body.modern-page .cierreslistado-print-btn { background:#fff !important; border:1px solid #b9d7e8 !important; border-radius:8px !important; box-sizing:border-box !important; cursor:pointer; height:34px !important; padding:7px !important; width:34px !important; }
html body.modern-page .cierreslistado-print-btn:hover { background:#eef8fc !important; border-color:#7fc4e4 !important; }
html body.modern-page .cierreslistado-grid .modern-inline-actions { justify-content:center; }
html body.modern-page .cierreslistado-grid .modern-inline-actions .RadButton { font-size:11px !important; height:26px !important; min-width:0 !important; padding:0 10px !important; }
html body.modern-page .cierreslistado-grid .rgHeader,
html body.modern-page .cierreslistado-grid .rgHeader a { font-size:11px !important; padding:6px 8px !important; }
html body.modern-page .cierreslistado-grid .rgMasterTable .rgRow > td,
html body.modern-page .cierreslistado-grid .rgMasterTable .rgAltRow > td { font-size:11px !important; height:30px; padding:4px 8px !important; vertical-align:middle; }
html body.modern-page .cierreslistado-grid .rgFilterRow td { padding:4px 8px !important; }
html body.modern-page .cierreslistado-grid .rgFilterRow input[type="text"] { font-size:11px !important; height:24px !important; padding:2px 6px !important; }
html body.modern-page .cierreslistado-grid .cierreslistado-col-nowrap { text-align:left !important; white-space:nowrap; }
html body.modern-page .cierreslistado-grid th.colRValidacion,
html body.modern-page .cierreslistado-grid td.colRValidacion { text-align:right !important; }
/* Balance por punto */
html body.modern-page .balance-punto-page { box-sizing:border-box; color:#17384e; padding:18px 24px 30px; width:100%; }
html body.modern-page .balance-punto-header { margin-bottom:12px; }
html body.modern-page .balance-punto-header h1 { color:#102f44; font-size:24px; font-weight:700; letter-spacing:-.35px; margin:0 0 3px; }
html body.modern-page .balance-punto-header p,
html body.modern-page .balance-punto-results-heading p { color:#61788d; font-size:11px; margin:0; }
html body.modern-page .balance-punto-filter-card,
html body.modern-page .balance-punto-results-card { background:#fff; border:1px solid #cfe0ea; border-radius:12px; box-shadow:0 8px 24px rgba(17,64,91,.06); }
html body.modern-page .balance-punto-filter-card { margin-bottom:12px; padding:14px 16px; }
html body.modern-page .balance-punto-filter-grid { align-items:end; display:grid; gap:14px; grid-template-columns:1fr 1fr 1.8fr auto; }
html body.modern-page .balance-punto-filter-grid .ga-field,
html body.modern-page .balance-punto-filter-grid .ga-picker-shell { width:100%; }
html body.modern-page .balance-punto-actions { align-items:center; display:flex; justify-content:flex-end; }
html body.modern-page .balance-punto-results-card { overflow:hidden; }
html body.modern-page .balance-punto-results-heading { padding:13px 15px 10px; }
html body.modern-page .balance-punto-results-heading h2 { color:#123b55; font-size:15px; font-weight:650; margin:0 0 2px; }
html body.modern-page .balance-punto-grid { border:0 !important; border-radius:0 !important; box-shadow:none !important; }
html body.modern-page .balance-punto-grid .rgHeader,
html body.modern-page .balance-punto-grid .rgHeader a { color:#174c6b !important; font-size:11px !important; font-weight:650 !important; }
html body.modern-page .balance-punto-grid .rgRow td,
html body.modern-page .balance-punto-grid .rgAltRow td { border-bottom:1px solid #dbe7ee !important; border-right:1px solid #e4edf2 !important; font-size:12px !important; height:30px !important; padding:5px 8px !important; vertical-align:middle !important; }
html body.modern-page .balance-punto-grid .rgRow td { background:#fff !important; }
html body.modern-page .balance-punto-grid .rgAltRow td { background:#f3f9fc !important; }
html body.modern-page .balance-punto-grid .rgGroupHeader td { background:#dceefa !important; border-bottom:1px solid #c1deef !important; color:#164d6d !important; font-size:12px !important; font-weight:650 !important; padding:8px 12px !important; }
html body.modern-page .balance-punto-grid .rgFooter td { background:#f5f9fc !important; border-top:1px solid #cfe0ea !important; color:#174c6b !important; font-size:12px !important; font-weight:650 !important; padding:8px !important; }
html body.modern-page .balance-punto-grid .rgNoRecords td { color:#61788d !important; font-size:12px !important; padding:24px !important; text-align:center !important; }
html body.modern-page .balance-punto-legacy-text { display:none; }
@media (max-width:1050px) { html body.modern-page .balance-punto-filter-grid { grid-template-columns:1fr 1fr; } html body.modern-page .balance-punto-actions { justify-content:flex-start; } }
@media (max-width:650px) { html body.modern-page .balance-punto-page { padding:14px 12px 24px; } html body.modern-page .balance-punto-filter-grid { grid-template-columns:1fr; } }
/* Seguimiento de estados de cierres */
html body.modern-page .seguimiento-cierres-page { box-sizing:border-box; color:#17384e; padding:18px 24px 30px; width:100%; }
html body.modern-page .seguimiento-cierres-header { margin-bottom:12px; }
html body.modern-page .seguimiento-cierres-header h1 { color:#102f44; font-size:24px; font-weight:700; letter-spacing:-.35px; margin:0 0 3px; }
html body.modern-page .seguimiento-cierres-header p { color:#61788d; font-size:11px; margin:0; }
html body.modern-page .seguimiento-cierres-legacy-title { display:none; }
html body.modern-page .seguimiento-cierres-page .mensaje.error { background:#fff1f1; border:1px solid #f4b7b7; border-left:4px solid #df4747; border-radius:8px; color:#a22d2d; font-size:12px; margin:0 0 10px; padding:10px 12px; }
html body.modern-page .seguimiento-cierres-filter-card { background:#fff; border:1px solid #cfe0ea !important; border-radius:12px; box-shadow:0 8px 24px rgba(17,64,91,.06); box-sizing:border-box; margin:0 0 12px; padding:14px 16px !important; }
html body.modern-page .seguimiento-cierres-filter-card legend { display:none; }
html body.modern-page .seguimiento-cierres-filter-card .RadPageLayout { width:100%; }
html body.modern-page .seguimiento-cierres-filter-card .rplRow { align-items:end; display:grid !important; gap:10px 14px; grid-template-columns:84px minmax(300px,1fr) 84px minmax(300px,1fr) auto; margin:0 0 10px !important; width:100%; }
html body.modern-page .seguimiento-cierres-filter-card .rplRow:last-child { grid-template-columns:84px minmax(400px,1.5fr) 24px 84px minmax(260px,1fr); margin-bottom:0 !important; }
html body.modern-page .seguimiento-cierres-filter-card .rplCol { float:none !important; margin:0 !important; max-width:none !important; padding:0 !important; width:auto !important; }
html body.modern-page .seguimiento-cierres-filter-card .key { align-self:center; color:#174c6b; font-size:11px; font-weight:650; }
html body.modern-page .seguimiento-cierres-filter-card #divFechaDesde,
html body.modern-page .seguimiento-cierres-filter-card #divFechaHasta { display:grid; gap:10px; grid-template-columns:1fr 1fr; }
html body.modern-page .seguimiento-cierres-filter-card .ga-field { width:100%; }
html body.modern-page .seguimiento-cierres-filter-card .RadDropDownTree { width:100% !important; }
html body.modern-page .seguimiento-cierres-filter-card .rddtInner { background:#fff !important; border:1px solid #8fc9e8 !important; border-radius:6px !important; box-sizing:border-box; min-height:31px; width:100% !important; }
html body.modern-page .seguimiento-cierres-grid { background:#fff; border:1px solid #cfe0ea !important; border-radius:12px !important; box-shadow:0 8px 24px rgba(17,64,91,.06); overflow:hidden; }
html body.modern-page .seguimiento-cierres-grid .rgCommandRow td { background:#f8fbfd !important; border-bottom:1px solid #d7e5ed !important; padding:9px 12px !important; }
html body.modern-page .seguimiento-cierres-grid .rgHeader,
html body.modern-page .seguimiento-cierres-grid .rgHeader a { color:#174c6b !important; font-size:11px !important; font-weight:650 !important; }
html body.modern-page .seguimiento-cierres-grid .rgHeader { background:#f2f7fb !important; border-color:#d7e5ed !important; padding:8px !important; }
html body.modern-page .seguimiento-cierres-grid .rgFilterRow td { background:#fbfdfe !important; border-color:#dce8ef !important; padding:4px 5px !important; }
html body.modern-page .seguimiento-cierres-grid .rgFilterBox { border:1px solid #b8d5e5 !important; border-radius:5px !important; box-sizing:border-box; font-size:11px !important; height:27px !important; width:calc(100% - 28px) !important; }
html body.modern-page .seguimiento-cierres-grid .rgRow td,
html body.modern-page .seguimiento-cierres-grid .rgAltRow td { border-bottom:1px solid #dbe7ee !important; border-right:1px solid #e4edf2 !important; font-size:12px !important; height:30px !important; padding:5px 8px !important; vertical-align:middle !important; }
html body.modern-page .seguimiento-cierres-grid .rgRow td { background:#fff !important; }
html body.modern-page .seguimiento-cierres-grid .rgAltRow td { background:#f3f9fc !important; }
html body.modern-page .seguimiento-cierres-grid .rgGroupHeader td { background:#dceefa !important; border-color:#c1deef !important; color:#164d6d !important; font-size:12px !important; font-weight:650 !important; padding:8px 12px !important; }
html body.modern-page .seguimiento-cierres-grid .rgFooter td { background:#edf6fb !important; border-top:1px solid #c6deeb !important; color:#174c6b !important; font-size:12px !important; font-weight:650 !important; padding:8px !important; }
html body.modern-page .seguimiento-cierres-grid .rgNoRecords td { color:#61788d !important; font-size:12px !important; padding:24px !important; text-align:center !important; }
html body.modern-page .seguimiento-cierres-grid .rgPager td { background:#f8fbfd !important; border-top:1px solid #d7e5ed !important; }
@media (max-width:1100px) { html body.modern-page .seguimiento-cierres-filter-card .rplRow, html body.modern-page .seguimiento-cierres-filter-card .rplRow:last-child { grid-template-columns:1fr 1fr; } html body.modern-page .seguimiento-cierres-filter-card .key { display:none; } }
@media (max-width:650px) { html body.modern-page .seguimiento-cierres-page { padding:14px 12px 24px; } html body.modern-page .seguimiento-cierres-filter-card .rplRow, html body.modern-page .seguimiento-cierres-filter-card .rplRow:last-child, html body.modern-page .seguimiento-cierres-filter-card #divFechaDesde, html body.modern-page .seguimiento-cierres-filter-card #divFechaHasta { grid-template-columns:1fr; } }

/* Seguimiento de cierres: composición moderna sin RadPageLayout heredado. */
html body.modern-page .seguimiento-cierres-filter-grid {
    align-items:end;
    display:grid;
    gap:12px 16px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
html body.modern-page .seguimiento-cierres-period {
    display:grid;
    gap:10px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
html body.modern-page .seguimiento-cierres-tree-field label {
    color:#174c6b;
    display:block;
    font-size:11px;
    font-weight:650;
    margin:0 0 5px;
}
html body.modern-page .seguimiento-cierres-tree-field .RadDropDownTree,
html body.modern-page .seguimiento-cierres-tree-field .rddtInner {
    box-sizing:border-box;
    width:100% !important;
}
html body.modern-page .seguimiento-cierres-tree-field .rddtInner {
    align-items:center;
    display:flex;
    min-height:34px;
    padding:0 34px 0 10px !important;
    position:relative;
}
html body.modern-page .seguimiento-cierres-tree-field .rddtIcon {
    background:none !important;
    color:transparent !important;
    font-size:0 !important;
    height:32px !important;
    position:absolute !important;
    right:0 !important;
    top:0 !important;
    width:32px !important;
}
html body.modern-page .seguimiento-cierres-tree-field .rddtIcon::before { content:none !important; display:none !important; }
html body.modern-page .seguimiento-cierres-tree-field .rddtIcon::after {
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:5px solid #35627d;
    content:"" !important;
    display:block !important;
    left:12px;
    position:absolute;
    top:14px;
}
html body.modern-page .seguimiento-cierres-filter-actions {
    display:flex;
    grid-column:1 / -1;
    justify-content:flex-end;
    padding-top:2px;
}
html body.modern-page .seguimiento-cierres-legacy-labels { display:none !important; }
html body.modern-page .seguimiento-cierres-toolbar {
    align-items:center;
    display:flex;
    justify-content:space-between;
    width:100%;
}
html body.modern-page .seguimiento-cierres-toolbar > span {
    color:#174c6b;
    font-size:13px;
    font-weight:650;
}
html body.modern-page .seguimiento-cierres-toolbar > span small {
    color:#6c8191;
    font-size:10px;
    font-weight:400;
    margin-left:8px;
}
html body.modern-page .seguimiento-cierres-toolbar-actions { display:flex; gap:8px; }
html body.modern-page .seguimiento-cierres-tool {
    border:1px solid #9fc9df;
    border-radius:6px;
    box-sizing:border-box;
    display:inline-flex;
    font-size:11px;
    font-weight:500;
    line-height:1;
    padding:8px 11px;
    text-decoration:none !important;
}
html body.modern-page .seguimiento-cierres-tool-refresh { background:#075176; border-color:#075176; color:#fff !important; }
html body.modern-page .seguimiento-cierres-tool-excel { background:#edf8f1; border-color:#a9d9b9; color:#18763b !important; }
html body.modern-page .seguimiento-cierres-grid .rgFilter {
    background:#eef7fc !important;
    border:1px solid #b9d8e8 !important;
    border-radius:5px !important;
    height:27px !important;
    margin-left:2px !important;
    width:26px !important;
}
@media (max-width:900px) {
    html body.modern-page .seguimiento-cierres-filter-grid { grid-template-columns:1fr; }
}
@media (max-width:650px) {
    html body.modern-page .seguimiento-cierres-period { grid-template-columns:1fr; }
    html body.modern-page .seguimiento-cierres-toolbar { align-items:flex-start; flex-direction:column; gap:8px; }
}

/* Ajuste final de botones y filtros del listado de cierres. */
html body.modern-page .seguimiento-cierres-grid .rgCommandRow td { padding:8px 12px !important; }
html body.modern-page .seguimiento-cierres-grid a.seguimiento-cierres-tool-refresh,
html body.modern-page .seguimiento-cierres-grid a.seguimiento-cierres-tool-refresh:link,
html body.modern-page .seguimiento-cierres-grid a.seguimiento-cierres-tool-refresh:visited,
html body.modern-page .seguimiento-cierres-grid a.seguimiento-cierres-tool-refresh:hover,
html body.modern-page .seguimiento-cierres-grid a.seguimiento-cierres-tool-refresh:active {
    background:#075176 !important;
    border-color:#075176 !important;
    color:#fff !important;
    opacity:1 !important;
    text-shadow:none !important;
}
html body.modern-page .seguimiento-cierres-grid a.seguimiento-cierres-tool-excel,
html body.modern-page .seguimiento-cierres-grid a.seguimiento-cierres-tool-excel:link,
html body.modern-page .seguimiento-cierres-grid a.seguimiento-cierres-tool-excel:visited {
    background:#edf8f1 !important;
    border-color:#a9d9b9 !important;
    color:#18763b !important;
}
html body.modern-page .seguimiento-cierres-grid .rgHeader {
    height:32px !important;
    padding:6px 8px !important;
}
html body.modern-page .seguimiento-cierres-grid .rgFilterRow td {
    background:#fff !important;
    height:30px !important;
    padding:3px 4px !important;
    vertical-align:middle !important;
}
html body.modern-page .seguimiento-cierres-grid .rgFilterBox {
    border-color:#a9cee2 !important;
    border-radius:5px !important;
    box-sizing:border-box !important;
    font-size:11px !important;
    height:24px !important;
    padding:2px 6px !important;
    width:100% !important;
}
html body.modern-page .seguimiento-cierres-grid .rgFilterRow td { padding:4px 7px !important; }
html body.modern-page .seguimiento-cierres-grid .rgFilterRow .rgFilter { display:none !important; }
html body.modern-page .seguimiento-cierres-grid input.rgFilter {
    background-color:#edf7fc !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230075a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16l-6.2 7.1V19l-3.6 2v-8.9L4 5z'/%3E%3C/svg%3E") !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:11px 11px !important;
    border:1px solid #a9cee2 !important;
    color:transparent !important;
    cursor:pointer;
    font-size:0 !important;
    box-sizing:border-box !important;
    height:22px !important;
    margin:0 0 0 3px !important;
    min-height:22px !important;
    min-width:22px !important;
    padding:0 !important;
    width:22px !important;
}
html body.modern-page .seguimiento-cierres-grid input.rgFilter:hover {
    background-color:#dceff8 !important;
    border-color:#69b4d7 !important;
}
html body.modern-page .seguimiento-cierres-grid .rgNoRecords td {
    background:#fff !important;
    border:0 !important;
    height:90px !important;
    padding:28px 16px !important;
}

/* Filtrado directo común para todos los RadGrid de la aplicación. */
html body.modern-page .RadGrid .rgFilterRow td {
    background:#fff !important;
    height:30px !important;
    padding:3px 6px !important;
    vertical-align:middle !important;
}
html body.modern-page .RadGrid .rgFilterRow .rgFilterBox {
    border:1px solid #a9cee2 !important;
    border-radius:5px !important;
    box-sizing:border-box !important;
    font-size:11px !important;
    height:24px !important;
    margin:0 !important;
    padding:2px 6px !important;
    width:100% !important;
}
html body.modern-page .RadGrid .rgFilterRow .rgFilterBox:focus {
    border-color:#159ed1 !important;
    box-shadow:0 0 0 2px rgba(21,158,209,.12) !important;
    outline:0 !important;
}
html body.modern-page .RadGrid .rgFilterRow .rgFilter { display:none !important; }

/* Seguimiento de Lecturas (Waterflow) */
html body.modern-page .seguimiento-lecturas-page { box-sizing:border-box; padding:18px 24px 28px; width:100%; }
html body.modern-page .seguimiento-lecturas-filtros { background:#fff; border:1px solid #cfe0ea; border-radius:12px; box-shadow:0 8px 24px rgba(17,64,91,.06); margin:0 0 14px; padding:16px 18px 14px; }
html body.modern-page .seguimiento-lecturas-instalacion-field .RadDropDownTree { width:100% !important; }
html body.modern-page .seguimiento-lecturas-instalacion-field .RadDropDownTree,
html body.modern-page .seguimiento-lecturas-instalacion-field .rddtInner { box-sizing:border-box; width:100% !important; }
html body.modern-page .seguimiento-lecturas-instalacion-field .rddtInner {
    align-items:center;
    border-color:#b9d7e8 !important;
    border-radius:7px !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    display:flex;
    height:36px !important;
    min-height:36px !important;
    padding:0 34px 0 10px !important;
    position:relative;
}
html body.modern-page .seguimiento-lecturas-instalacion-field .rddtIcon { display:none !important; }
html body.modern-page .seguimiento-lecturas-instalacion-field .rddtInner::after {
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:5px solid #35627d;
    content:"" !important;
    display:block !important;
    margin-top:-2.5px;
    pointer-events:none;
    position:absolute;
    right:14px;
    top:50%;
}
html body.modern-page .seguimiento-lecturas-filtros .modern-inline-actions { margin-top:14px; }
html body.modern-page .seguimiento-lecturas-grid .seguimiento-lecturas-col-nowrap { text-align:left !important; white-space:nowrap; }
html body.modern-page .seguimiento-lecturas-grid .rgFilterRow input[type="checkbox"] {
    accent-color:#0078d4 !important;
    display:block;
    height:16px !important;
    margin:0 auto;
    width:16px !important;
}
html body.modern-page .seguimiento-lecturas-grid .rgFilterRow td:has(input[type="checkbox"]) {
    text-align:center !important;
}
html body.modern-page .seguimiento-lecturas-kpis { display:grid; gap:14px; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 14px; }
html body.modern-page .seguimiento-lecturas-kpi-cell { background:#fff; border:1px solid #cfe0ea; border-radius:12px; box-shadow:0 8px 20px rgba(17,64,91,.05); display:flex; flex-direction:column; gap:8px; padding:14px 16px; }
html body.modern-page .seguimiento-lecturas-kpi-cell .ga-label { color:#174c6b; font-size:11px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; }
html body.modern-page .seguimiento-lecturas-kpi-btn.RadButton { background:#eef7fc !important; border:1px solid #cfe0ea !important; border-radius:8px !important; color:#0b4a78 !important; font-size:26px !important; font-weight:700 !important; height:52px !important; }
html body.modern-page .seguimiento-lecturas-kpi-btn.RadButton:hover { background:#dceefa !important; border-color:#8fc9e8 !important; }
html body.modern-page .seguimiento-lecturas-grid .rgHeader,
html body.modern-page .seguimiento-lecturas-grid .rgHeader a { color:#174c6b !important; font-size:11px !important; font-weight:650 !important; padding:6px 8px !important; }
html body.modern-page .seguimiento-lecturas-grid .rgMasterTable .rgRow > td,
html body.modern-page .seguimiento-lecturas-grid .rgMasterTable .rgAltRow > td { font-size:11px !important; height:30px; padding:4px 8px !important; vertical-align:middle; }
html body.modern-page .seguimiento-lecturas-grid input[type="checkbox"] { accent-color:#0078d4; height:16px; width:16px; }
@media (max-width:900px) { html body.modern-page .seguimiento-lecturas-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { html body.modern-page .seguimiento-lecturas-kpis { grid-template-columns:1fr; } }

/* Listado Gestion de Contratos (Waterflow) */
html body.modern-page .listado-gestion-contratos-page { box-sizing:border-box; padding:18px 24px 28px; width:100%; }
html body.modern-page .listado-gestion-contratos-filtros { background:#fff; border:1px solid #cfe0ea; border-radius:12px; box-shadow:0 8px 24px rgba(17,64,91,.06); margin:0 0 14px; padding:16px 18px 14px; }
html body.modern-page .listado-gestion-contratos-filtros .modern-inline-actions { margin-top:14px; }
html body.modern-page .listado-gestion-contratos-grid .rgHeader,
html body.modern-page .listado-gestion-contratos-grid .rgHeader a { color:#174c6b !important; font-size:11px !important; font-weight:650 !important; padding:6px 8px !important; }
html body.modern-page .listado-gestion-contratos-grid .rgMasterTable .rgRow > td,
html body.modern-page .listado-gestion-contratos-grid .rgMasterTable .rgAltRow > td { font-size:11px !important; height:30px; padding:4px 8px !important; vertical-align:middle; }
html body.modern-page .listado-gestion-contratos-grid .listado-gestion-contratos-col-nowrap { text-align:left !important; white-space:nowrap; }

/* Conflictos de Caudales (Mobile) */
html body.modern-page .conflictos-caudales-page { box-sizing:border-box; padding:18px 24px 28px; width:100%; }
html body.modern-page .conflictos-caudales-grid .rgHeader,
html body.modern-page .conflictos-caudales-grid .rgHeader a { color:#174c6b !important; font-size:11px !important; font-weight:650 !important; padding:6px 8px !important; }
html body.modern-page .conflictos-caudales-grid .rgMasterTable .rgRow > td,
html body.modern-page .conflictos-caudales-grid .rgMasterTable .rgAltRow > td { font-size:11px !important; height:30px; padding:4px 8px !important; vertical-align:middle; }

/* Conflicto Caudal Entry popup (Mobile) */
html body.modern-page .rgEditForm .conflicto-caudal-entry { padding:16px; }
html body.modern-page .rgEditForm .conflicto-caudal-entry fieldset { background:#fff; border:1px solid #cfe0ea; border-radius:12px; box-shadow:0 8px 24px rgba(17,64,91,.06); margin:0 0 14px; padding:16px 18px 14px; }
html body.modern-page .rgEditForm .conflicto-caudal-entry legend { color:#174c6b; font-size:13px; font-weight:700; padding:0 6px; }
html body.modern-page .rgEditForm .conflicto-caudal-error-text .ga-modern-input { background:#fdf2f2 !important; border-color:#f3c6c6 !important; color:#8a2c2c !important; font-weight:600 !important; margin-bottom:14px; }
html body.modern-page .rgEditForm .conflicto-caudal-main-grid { display:grid; gap:14px; grid-template-columns:minmax(0,2fr) minmax(0,1fr); }
html body.modern-page .rgEditForm .conflicto-caudal-form-fieldset { margin:0 !important; }
html body.modern-page .rgEditForm .conflicto-caudal-adjunto { background:#fff; border:1px solid #cfe0ea; border-radius:12px; box-shadow:0 8px 24px rgba(17,64,91,.06); padding:16px 18px; }
html body.modern-page .rgEditForm .conflicto-caudal-adjunto h2 { color:#174c6b; font-size:13px; font-weight:700; margin:0 0 12px; text-transform:uppercase; }
html body.modern-page .rgEditForm .conflicto-caudal-imagen { border:1px solid #d6e5ef; border-radius:8px; display:block; height:auto; max-width:100%; }
html body.modern-page .rgEditForm .conflicto-caudal-actions { justify-content:flex-end; margin:0 0 14px; }
html body.modern-page .rgEditForm .conflicto-caudal-skip-btn.RadButton { background:#fdf2f2 !important; border-color:#f3c6c6 !important; color:#b3261e !important; }
html body.modern-page .rgEditForm .conflicto-caudal-skip-btn.RadButton:hover { background:#fbe4e4 !important; border-color:#e7a3a3 !important; }
html body.modern-page .rgEditForm .conflicto-caudal-grid .rgHeader,
html body.modern-page .rgEditForm .conflicto-caudal-grid .rgHeader a { color:#174c6b !important; font-size:11px !important; font-weight:650 !important; padding:6px 8px !important; }
html body.modern-page .rgEditForm .conflicto-caudal-grid .rgMasterTable .rgRow > td,
html body.modern-page .rgEditForm .conflicto-caudal-grid .rgMasterTable .rgAltRow > td { font-size:11px !important; height:30px; padding:4px 8px !important; vertical-align:middle; }
@media (max-width:900px) {
    html body.modern-page .rgEditForm .conflicto-caudal-main-grid { grid-template-columns:1fr; }
}

/* Conflictos de caudales: modal contenido y acciones corporativas. */
html body.modern-page .rgEditForm .conflicto-caudal-entry,
html body.modern-page .rgEditForm .conflicto-caudal-entry * { box-sizing:border-box; }
html body.modern-page .rgEditForm .conflicto-caudal-entry {
    height:100%;
    max-height:calc(100vh - 74px);
    overflow-x:hidden;
    overflow-y:auto;
    padding:14px 16px 20px;
    width:100%;
}
html body.modern-page .rgEditForm .conflicto-caudal-entry fieldset,
html body.modern-page .rgEditForm .conflicto-caudal-main-grid,
html body.modern-page .rgEditForm .conflicto-caudal-form-fieldset,
html body.modern-page .rgEditForm .conflicto-caudal-adjunto,
html body.modern-page .rgEditForm .conflicto-caudal-entry .modern-grid-card {
    max-width:100%;
    min-width:0;
    width:100%;
}
html body.modern-page .rgEditForm .conflicto-caudal-entry .ga-form-grid {
    margin-left:0 !important;
    margin-right:0 !important;
    max-width:100%;
    width:100%;
}
html body.modern-page .rgEditForm .conflicto-caudal-entry .ga-form-cell {
    max-width:100%;
    min-width:0;
}
html body.modern-page .rgEditForm .conflicto-caudal-entry .ga-field,
html body.modern-page .rgEditForm .conflicto-caudal-entry .ga-field-control,
html body.modern-page .rgEditForm .conflicto-caudal-entry .ga-modern-input,
html body.modern-page .rgEditForm .conflicto-caudal-entry .RadInput,
html body.modern-page .rgEditForm .conflicto-caudal-entry .RadPicker {
    max-width:100% !important;
    min-width:0 !important;
    width:100% !important;
}
html body.modern-page .rgEditForm .conflicto-caudal-main-grid {
    grid-template-columns:minmax(0, 2.15fr) minmax(260px, .85fr);
}
html body.modern-page .rgEditForm .conflicto-caudal-adjunto { overflow:hidden; }
html body.modern-page .rgEditForm .conflicto-caudal-tabs,
html body.modern-page .rgEditForm .conflicto-caudal-tabs .ga-tabs-body,
html body.modern-page .rgEditForm .conflicto-caudal-tabs .ga-tab-panel { max-width:100%; min-width:0; }
html body.modern-page .rgEditForm .conflicto-caudal-actions {
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    justify-content:flex-end;
    margin:0 0 14px;
    padding:0;
    width:100%;
}
html body.modern-page .rgEditForm .conflicto-caudal-actions .RadButton {
    border-radius:7px !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    font-size:12px !important;
    font-weight:500 !important;
    height:34px !important;
    min-width:108px !important;
    padding:0 16px !important;
}
html body.modern-page .rgEditForm .conflicto-caudal-actions .conflicto-caudal-btn-primary.RadButton,
html body.modern-page .rgEditForm .conflicto-caudal-actions .conflicto-caudal-btn-primary.RadButton:hover {
    background:#009fda !important;
    border:1px solid #009fda !important;
    color:#fff !important;
}
html body.modern-page .rgEditForm .conflicto-caudal-actions .conflicto-caudal-btn-primary.RadButton .rbDecorated,
html body.modern-page .rgEditForm .conflicto-caudal-actions .conflicto-caudal-btn-primary.RadButton input.rbDecorated,
html body.modern-page .rgEditForm .conflicto-caudal-actions .conflicto-caudal-btn-primary.RadButton button.rbButton {
    background:#009fda !important;
    background-image:none !important;
    border-color:#009fda !important;
    color:#fff !important;
}
html body.modern-page .rgEditForm .conflicto-caudal-actions .conflicto-caudal-btn-primary.RadButton:hover .rbDecorated,
html body.modern-page .rgEditForm .conflicto-caudal-actions .conflicto-caudal-btn-primary.RadButton:hover input.rbDecorated,
html body.modern-page .rgEditForm .conflicto-caudal-actions .conflicto-caudal-btn-primary.RadButton:hover button.rbButton {
    background:#008dc2 !important;
    background-image:none !important;
    border-color:#008dc2 !important;
    color:#fff !important;
}
html body.modern-page .rgEditForm .conflicto-caudal-actions .conflicto-caudal-btn-secondary.RadButton {
    background:#fff !important;
    border:1px solid #9fc9df !important;
    color:#174c6b !important;
}
html body.modern-page .rgEditForm .conflicto-caudal-actions .conflicto-caudal-skip-btn.RadButton {
    background:#fff4f4 !important;
    border:1px solid #efb0b0 !important;
    color:#b3261e !important;
}
html body.modern-page .rgEditForm .conflicto-caudal-actions .RadButton .rbText { color:inherit !important; font:inherit !important; }

/* Telerik aplica rbPrimaryButton al envoltorio y al input: mantener Guardar azul en ambos. */
html body span.RadButton[id$="btnValidate"],
html body span.RadButton[id$="btnValidate"].rbPrimaryButton,
html body .conflicto-caudal-btn-primary,
html body .conflicto-caudal-btn-primary.rbPrimaryButton {
    background:#009fda !important;
    background-color:#009fda !important;
    background-image:none !important;
    border-color:#009fda !important;
    color:#fff !important;
}
html body span.RadButton[id$="btnValidate"] input,
html body span.RadButton[id$="btnValidate"] .rbDecorated,
html body .conflicto-caudal-btn-primary input,
html body .conflicto-caudal-btn-primary .rbDecorated,
html body input.conflicto-caudal-btn-primary {
    background:#009fda !important;
    background-color:#009fda !important;
    background-image:none !important;
    border-color:#009fda !important;
    color:#fff !important;
}
html body span.RadButton[id$="btnValidate"]:hover,
html body span.RadButton[id$="btnValidate"]:hover input,
html body span.RadButton[id$="btnValidate"]:hover .rbDecorated,
html body .conflicto-caudal-btn-primary:hover,
html body .conflicto-caudal-btn-primary:hover input {
    background:#008dc2 !important;
    background-color:#008dc2 !important;
    background-image:none !important;
    border-color:#008dc2 !important;
    color:#fff !important;
}

/* Guardar del conflicto: clase exclusiva sin rbPrimaryButton del skin Telerik. */
html body span.RadButton.conflicto-caudal-save-blue,
html body span.RadButton.conflicto-caudal-save-blue input,
html body span.RadButton.conflicto-caudal-save-blue input.rbDecorated,
html body span.RadButton.conflicto-caudal-save-blue .rbDecorated,
html body span.RadButton.conflicto-caudal-save-blue button {
    background:#009fda !important;
    background-color:#009fda !important;
    background-image:none !important;
    border-color:#009fda !important;
    color:#fff !important;
}
html body span.RadButton.conflicto-caudal-save-blue:hover,
html body span.RadButton.conflicto-caudal-save-blue:hover input,
html body span.RadButton.conflicto-caudal-save-blue:hover .rbDecorated {
    background:#008dc2 !important;
    background-color:#008dc2 !important;
    background-image:none !important;
    border-color:#008dc2 !important;
    color:#fff !important;
}

html body.modern-page .conflictos-caudales-grid th[id$="colDUser"],
html body.modern-page .conflictos-caudales-grid td[class*="colDUser"] {
    text-align:left !important;
}

/* Telerik no imprime el UniqueName como clase en las celdas. Usuario es la
   última columna del grid: se alinea sobre la celda real renderizada. */
html body.modern-page div.RadGrid.conflictos-caudales-grid table.rgMasterTable > thead > tr > th:last-child,
html body.modern-page div.RadGrid.conflictos-caudales-grid table.rgMasterTable > thead > tr > td:last-child,
html body.modern-page div.RadGrid.conflictos-caudales-grid table.rgMasterTable > tbody > tr.rgRow > td:last-child,
html body.modern-page div.RadGrid.conflictos-caudales-grid table.rgMasterTable > tbody > tr.rgAltRow > td:last-child,
html body.modern-page div.RadGrid.conflictos-caudales-grid table.rgMasterTable > tbody > tr.rgRow > td:last-child *,
html body.modern-page div.RadGrid.conflictos-caudales-grid table.rgMasterTable > tbody > tr.rgAltRow > td:last-child * {
    text-align:left !important;
}
@media (max-width:900px) {
    html body.modern-page .rgEditForm .conflicto-caudal-main-grid { grid-template-columns:1fr; }
    html body.modern-page .rgEditForm .conflicto-caudal-actions { justify-content:stretch; }
    html body.modern-page .rgEditForm .conflicto-caudal-actions .RadButton { flex:1 1 130px; }
}

/* Usuario Instalaciones (Maintenance) */
html body.modern-page .usuario-instalaciones-transfer { align-items:flex-start; display:flex; flex-wrap:wrap; gap:0 2%; }
html body.modern-page .usuario-instalaciones-transfer div.RadListBox { border:1px solid #cfe0ea !important; border-radius:8px !important; box-shadow:none !important; }
html body.modern-page .usuario-instalaciones-actions { justify-content:flex-end; margin-top:14px; width:100%; }

/* RadListBox transfer buttons render their icon via a font glyph that fails to load in this
   environment (shows as a blank box). Hide the broken glyph and draw a plain CSS arrow instead. */
html body.modern-page div.RadListBox .rlbTransferFrom,
html body.modern-page div.RadListBox .rlbTransferTo,
html body.modern-page div.RadListBox .rlbTransferAllFrom,
html body.modern-page div.RadListBox .rlbTransferAllTo,
html body.modern-page div.RadListBox .rlbTransferFromDisabled,
html body.modern-page div.RadListBox .rlbTransferToDisabled,
html body.modern-page div.RadListBox .rlbTransferAllFromDisabled,
html body.modern-page div.RadListBox .rlbTransferAllToDisabled {
    align-items:center !important;
    background:#eef7fc !important;
    background-image:none !important;
    border:1px solid #cfe0ea !important;
    border-radius:6px !important;
    box-sizing:border-box !important;
    color:transparent !important;
    display:flex !important;
    font-size:0 !important;
    height:26px !important;
    justify-content:center !important;
    margin:3px auto !important;
    position:relative !important;
    width:26px !important;
}
html body.modern-page div.RadListBox [class*="rlbTransfer"] * {
    background-image:none !important;
    color:transparent !important;
    font-size:0 !important;
}
html body.modern-page div.RadListBox .rlbTransferFrom::after,
html body.modern-page div.RadListBox .rlbTransferFromDisabled::after {
    border-color:transparent transparent transparent #1c6ea4 !important;
    border-style:solid !important;
    border-width:5px 0 5px 6px !important;
    content:"" !important;
    display:block !important;
}
html body.modern-page div.RadListBox .rlbTransferTo::after,
html body.modern-page div.RadListBox .rlbTransferToDisabled::after {
    border-color:transparent #1c6ea4 transparent transparent !important;
    border-style:solid !important;
    border-width:5px 6px 5px 0 !important;
    content:"" !important;
    display:block !important;
}
html body.modern-page div.RadListBox .rlbTransferAllFrom::before,
html body.modern-page div.RadListBox .rlbTransferAllFrom::after,
html body.modern-page div.RadListBox .rlbTransferAllFromDisabled::before,
html body.modern-page div.RadListBox .rlbTransferAllFromDisabled::after {
    border-color:transparent transparent transparent #1c6ea4 !important;
    border-style:solid !important;
    border-width:4px 0 4px 5px !important;
    content:"" !important;
    display:block !important;
}
html body.modern-page div.RadListBox .rlbTransferAllFrom::before,
html body.modern-page div.RadListBox .rlbTransferAllFromDisabled::before { margin-right:2px !important; }
html body.modern-page div.RadListBox .rlbTransferAllTo::before,
html body.modern-page div.RadListBox .rlbTransferAllTo::after,
html body.modern-page div.RadListBox .rlbTransferAllToDisabled::before,
html body.modern-page div.RadListBox .rlbTransferAllToDisabled::after {
    border-color:transparent #1c6ea4 transparent transparent !important;
    border-style:solid !important;
    border-width:4px 5px 4px 0 !important;
    content:"" !important;
    display:block !important;
}
html body.modern-page div.RadListBox .rlbTransferAllTo::before,
html body.modern-page div.RadListBox .rlbTransferAllToDisabled::before { margin-right:2px !important; }
html body.modern-page div.RadListBox .rlbTransferFromDisabled,
html body.modern-page div.RadListBox .rlbTransferToDisabled,
html body.modern-page div.RadListBox .rlbTransferAllFromDisabled,
html body.modern-page div.RadListBox .rlbTransferAllToDisabled { opacity:.4 !important; }

/* Usuario entry (Maintenance) */
html body.modern-page .rgEditForm .usuario-entry fieldset { background:#fff; border:1px solid #cfe0ea; border-radius:12px; box-shadow:0 8px 24px rgba(17,64,91,.06); margin:14px 0 0; padding:16px 18px 14px; }
html body.modern-page .rgEditForm .usuario-entry legend { color:#174c6b; font-size:13px; font-weight:700; padding:0 6px; }
html body.modern-page .rgEditForm .usuario-entry .modern-inline-actions { justify-content:flex-end; margin-top:14px; }

/* Acciones del modal de conflictos. Telerik cambia el HTML de RadButton según
   RenderMode, por lo que se cubren wrapper, input y .rbDecorated. */
html body .conflicto-caudal-actions .conflicto-caudal-save-blue,
html body .conflicto-caudal-actions .conflicto-caudal-save-blue input,
html body .conflicto-caudal-actions .conflicto-caudal-save-blue button,
html body .conflicto-caudal-actions .conflicto-caudal-save-blue .rbDecorated,
html body .conflicto-caudal-actions [id$="btnValidate"],
html body .conflicto-caudal-actions [id$="btnValidate"] input,
html body .conflicto-caudal-actions [id$="btnValidate"] .rbDecorated {
    background:#009fda !important;
    background-image:none !important;
    border-color:#009fda !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    opacity:1 !important;
    text-shadow:none !important;
}
html body .conflicto-caudal-actions .conflicto-caudal-btn-secondary,
html body .conflicto-caudal-actions .conflicto-caudal-btn-secondary input,
html body .conflicto-caudal-actions .conflicto-caudal-btn-secondary button,
html body .conflicto-caudal-actions .conflicto-caudal-btn-secondary .rbDecorated,
html body .conflicto-caudal-actions [id$="btnCancel"],
html body .conflicto-caudal-actions [id$="btnCancel"] input,
html body .conflicto-caudal-actions [id$="btnCancel"] .rbDecorated {
    background:#fff !important;
    background-image:none !important;
    border-color:#b9d9ec !important;
    color:#174c6b !important;
    -webkit-text-fill-color:#174c6b !important;
    opacity:1 !important;
    text-shadow:none !important;
}
html body .conflicto-caudal-actions .conflicto-caudal-skip-btn,
html body .conflicto-caudal-actions .conflicto-caudal-skip-btn input,
html body .conflicto-caudal-actions .conflicto-caudal-skip-btn button,
html body .conflicto-caudal-actions .conflicto-caudal-skip-btn .rbDecorated,
html body .conflicto-caudal-actions [id$="btnSkip"],
html body .conflicto-caudal-actions [id$="btnSkip"] input,
html body .conflicto-caudal-actions [id$="btnSkip"] .rbDecorated {
    background:#fff4f4 !important;
    background-image:none !important;
    border-color:#efb5b5 !important;
    color:#b3261e !important;
    -webkit-text-fill-color:#b3261e !important;
    opacity:1 !important;
    text-shadow:none !important;
}
html body .conflicto-caudal-actions .conflicto-caudal-save-blue:hover,
html body .conflicto-caudal-actions .conflicto-caudal-save-blue:hover input,
html body .conflicto-caudal-actions .conflicto-caudal-save-blue:hover .rbDecorated {
    background:#007faa !important;
    border-color:#007faa !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

/* Native RadioButtonList used inside Modern entry forms (no dedicated Modern control for it).
   Rendered as pill-style toggle buttons instead of trying to reskin the native radio circle,
   which collides with the broader ".modern-page input[type=radio]" reset used elsewhere. */
html body.modern-page .ga-toggle-list { display:block !important; margin-top:4px !important; }
html body.modern-page .ga-toggle-list tr { display:flex !important; flex-wrap:wrap !important; }
html body.modern-page .ga-toggle-list td { display:inline-block !important; padding:0 8px 8px 0 !important; }
html body.modern-page .ga-toggle-list input[type="radio"] {
    height:1px !important;
    margin:0 !important;
    opacity:0 !important;
    position:absolute !important;
    width:1px !important;
}
html body.modern-page .ga-toggle-list label {
    background:#fff !important;
    border:1px solid #cfdde8 !important;
    border-radius:20px !important;
    color:#183043 !important;
    cursor:pointer !important;
    display:inline-flex !important;
    font-size:13px !important;
    font-weight:500 !important;
    margin:0 !important;
    padding:7px 16px !important;
    transition:background-color .12s ease, border-color .12s ease, color .12s ease;
}
html body.modern-page .ga-toggle-list label:hover { border-color:#8fc9e8 !important; }
html body.modern-page .ga-toggle-list input[type="radio"]:checked + label {
    background:#0078d4 !important;
    border-color:#0078d4 !important;
    color:#fff !important;
    font-weight:700 !important;
}
html body.modern-page .ga-toggle-list input[type="radio"]:focus-visible + label {
    box-shadow:0 0 0 3px rgba(0,120,212,.25) !important;
}

/* Puntos de Suministro (Waterflow) */
html body.modern-page .puntos-suministro-page { box-sizing:border-box; padding:18px 24px 28px; width:100%; }
html body.modern-page .puntos-suministro-grid .rgHeader,
html body.modern-page .puntos-suministro-grid .rgHeader a { color:#174c6b !important; font-size:11px !important; font-weight:650 !important; padding:6px 8px !important; }
html body.modern-page .puntos-suministro-grid .rgMasterTable .rgRow > td,
html body.modern-page .puntos-suministro-grid .rgMasterTable .rgAltRow > td { font-size:11px !important; height:30px; padding:4px 8px !important; vertical-align:middle; }
html body.modern-page .rgEditForm .punto-suministro-entry fieldset { margin:0 0 14px; }
html body.modern-page .rgEditForm .punto-suministro-entry .modern-inline-actions { justify-content:flex-end; margin-top:14px; }
html body.modern-page .rgEditForm .punto-suministro-historico-grid .rgHeader,
html body.modern-page .rgEditForm .punto-suministro-historico-grid .rgHeader a { color:#174c6b !important; font-size:11px !important; font-weight:650 !important; padding:6px 8px !important; }
html body.modern-page .rgEditForm .punto-suministro-historico-grid .rgMasterTable .rgRow > td,
html body.modern-page .rgEditForm .punto-suministro-historico-grid .rgMasterTable .rgAltRow > td { font-size:11px !important; height:30px; padding:4px 8px !important; vertical-align:middle; }
/* Punto de suministro: RadFormDecorator conserva sus pseudo-iconos aunque los
   controles ya estén maquetados como toggles modernos. Evitamos que esos
   círculos y cuadrados antiguos se dibujen encima del componente actual. */
html body.modern-page .punto-suministro-entry .ga-toggle-list label.rfdRadioChecked::before,
html body.modern-page .punto-suministro-entry .ga-toggle-list label.rfdRadioUnchecked::before,
html body.modern-page .punto-suministro-entry .ga-toggle-list .rfdRadioChecked::before,
html body.modern-page .punto-suministro-entry .ga-toggle-list .rfdRadioUnchecked::before,
html body.modern-page .punto-suministro-entry .ga-modern-check label.rfdCheckboxChecked::before,
html body.modern-page .punto-suministro-entry .ga-modern-check label.rfdCheckboxUnchecked::before,
html body.modern-page .punto-suministro-entry .ga-modern-check .rfdCheckboxChecked::before,
html body.modern-page .punto-suministro-entry .ga-modern-check .rfdCheckboxUnchecked::before {
    content: none !important;
    display: none !important;
}

html body.modern-page .punto-suministro-entry .ga-toggle-list .rfdRadioChecked,
html body.modern-page .punto-suministro-entry .ga-toggle-list .rfdRadioUnchecked,
html body.modern-page .punto-suministro-entry .ga-modern-check .rfdCheckboxChecked,
html body.modern-page .punto-suministro-entry .ga-modern-check .rfdCheckboxUnchecked {
    background-image: none !important;
}

/* Telerik puede aplicar la clase decoradora al input o al label dependiendo
   del ciclo AJAX. Los toggles actuales no usan pseudo-elementos, así que los
   anulamos directamente y sólo dentro de este formulario. */
.punto-suministro-entry .ga-toggle-list label::before,
.punto-suministro-entry .ga-toggle-list label::after {
    content: none !important;
    display: none !important;
}

.punto-suministro-entry .ga-toggle-list label,
.punto-suministro-entry .ga-toggle-list input[type="radio"] {
    background-image: none !important;
}
/* Editor del histórico de puntos de suministro */
html body.modern-page .punto-suministro-historico-grid .rgEditForm {
    box-sizing: border-box;
    padding: 10px 12px 12px !important;
    background: #f4faff !important;
}

html body.modern-page .punto-historico-entry {
    box-sizing: border-box;
    width: 100%;
    padding: 16px 18px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #c9dfed;
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(0, 77, 119, .08);
}

html body.modern-page .punto-historico-entry__error {
    display: block;
    margin: 0 0 12px;
}

html body.modern-page .punto-historico-entry__header {
    margin-bottom: 15px;
    padding-bottom: 11px;
    border-bottom: 1px solid #d6e7f1;
}

html body.modern-page .punto-historico-entry__header h3 {
    margin: 0;
    color: #005b85;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
}

html body.modern-page .punto-historico-entry__header p {
    margin: 4px 0 0;
    color: #61788a;
    font-size: 11px;
    font-weight: 400;
}

html body.modern-page .punto-historico-entry__grid {
    display: grid;
    grid-template-columns: minmax(190px, .9fr) minmax(190px, .9fr) minmax(240px, 1.2fr);
    gap: 16px;
    align-items: end;
}

html body.modern-page .punto-historico-entry__field {
    min-width: 0;
}

html body.modern-page .punto-historico-entry__label {
    display: block;
    margin: 0 0 2px;
    color: #073b59;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.25;
}

html body.modern-page .punto-historico-entry__field .ga-label:empty {
    display: none !important;
}

html body.modern-page .punto-historico-entry__field .ga-field {
    gap: 2px !important;
}

html body.modern-page .punto-historico-entry__field > div,
html body.modern-page .punto-historico-entry__field > span,
html body.modern-page .punto-historico-entry__field .ga-field,
html body.modern-page .punto-historico-entry__field .ga-control {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
}

html body.modern-page .punto-historico-entry__field > .punto-historico-entry__label {
    width: auto !important;
}

html body.modern-page .punto-historico-entry__actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #e0ecf3;
}

@media (max-width: 900px) {
    html body.modern-page .punto-historico-entry__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
/* Tamano unico para las acciones de ver y adjuntar en todas las rejillas.
   Los selectores por recurso cubren GridButtonColumn, GridImageColumn y enlaces ASP.NET. */
html body.modern-page .RadGrid .rgMasterTable img[src*="muestras-view.svg"],
html body.modern-page .RadGrid .rgMasterTable img[src*="muestras-attachment.svg"],
html body.modern-page .RadGrid .rgMasterTable img[src*="mini_icon_view.png"],
html body.modern-page .RadGrid .rgMasterTable img[src*="clip.png"],
html body.modern-page .RadGrid .rgMasterTable input[type="image"][src*="muestras-view.svg"],
html body.modern-page .RadGrid .rgMasterTable input[type="image"][src*="muestras-attachment.svg"],
html body.modern-page .RadGrid .rgMasterTable input[type="image"][src*="mini_icon_view.png"],
html body.modern-page .RadGrid .rgMasterTable input[type="image"][src*="clip.png"] {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: 14px !important;
    line-height: 14px !important;
    margin: 0 auto !important;
    max-height: 14px !important;
    max-width: 14px !important;
    padding: 0 !important;
    vertical-align: middle !important;
    width: 14px !important;
}

/* Contratos electricos: listado de la instalacion ---------------------- */
html body.modern-page .contrato-listado-page {
    box-sizing: border-box;
    padding: 6px 2px 28px;
    width: 100%;
}

html body.modern-page .contrato-listado-header {
    align-items: center;
    display: flex;
    gap: 14px;
    margin: 0 0 18px;
}

html body.modern-page .contrato-listado-header-icon {
    align-items: center;
    background: linear-gradient(135deg, #009fe3, #087cb2);
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(0, 159, 227, .2);
    color: #fff;
    display: inline-flex;
    flex: 0 0 44px;
    height: 44px;
    justify-content: center;
    width: 44px;
}

html body.modern-page .contrato-listado-header-icon svg {
    height: 22px;
    width: 22px;
}

html body.modern-page .contrato-listado-header h1 {
    color: #102f49;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}

html body.modern-page .contrato-listado-header p,
html body.modern-page .contrato-listado-card-heading p {
    color: #6c8294;
    font-size: 12px;
    margin: 4px 0 0;
}

html body.modern-page .contrato-listado-message {
    box-sizing: border-box;
    margin: 0 0 14px;
    width: 100%;
}

html body.modern-page .contrato-listado-card {
    overflow: hidden;
}

html body.modern-page .contrato-listado-card-heading {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e3ebf1;
    display: flex;
    justify-content: space-between;
    padding: 15px 18px 13px;
}

html body.modern-page .contrato-listado-card-heading h2 {
    color: #173f58;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

html body.modern-page .contrato-listado-grid {
    border: 0 !important;
}

html body.modern-page .contrato-listado-grid .rgCommandRow td {
    border-top: 0 !important;
}

html body.modern-page .contrato-listado-grid .rgMasterTable .rgRow > td,
html body.modern-page .contrato-listado-grid .rgMasterTable .rgAltRow > td {
    font-size: 11.5px !important;
    height: 34px;
    padding: 5px 9px !important;
    vertical-align: middle;
}

html body.modern-page .contrato-listado-grid .contrato-listado-invoices a {
    background: #eaf7ff;
    border: 1px solid #b9e2f7;
    border-radius: 6px;
    color: #087eb7 !important;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    padding: 6px 10px;
    text-decoration: none !important;
}

html body.modern-page .contrato-listado-grid .contrato-listado-invoices a:hover {
    background: #dff3ff;
    border-color: #8bcff0;
}

/* Panel principal de flujos de agua ------------------------------------ */
html body.modern-page .waterflow-dashboard-page { box-sizing:border-box; padding:6px 2px 30px; width:100%; }
html body.modern-page .waterflow-dashboard-header { align-items:center; display:flex; gap:14px; margin:-34px 0 18px; }
html body.modern-page .waterflow-dashboard-header-icon { align-items:center; background:linear-gradient(135deg,#009fe3,#087cb2); border-radius:12px; box-shadow:0 8px 18px rgba(0,159,227,.2); color:#fff; display:inline-flex; flex:0 0 44px; height:44px; justify-content:center; width:44px; }
html body.modern-page .waterflow-dashboard-header-icon svg { height:22px; width:22px; }
html body.modern-page .waterflow-dashboard-header h1 { color:#102f49; font-size:24px; font-weight:800; line-height:1.2; margin:0; }
html body.modern-page .waterflow-dashboard-header p { color:#6c8294; font-size:12px; margin:4px 0 0; }
html body.modern-page .waterflow-dashboard-filter-card { background:#fff; border:1px solid #d8e4ec; border-radius:12px; box-shadow:0 5px 16px rgba(26,69,96,.06); margin:0 0 16px; padding:16px 18px; }
html body.modern-page .waterflow-dashboard-section-title { color:#31536b; font-size:12px; font-weight:750; letter-spacing:.45px; margin-bottom:13px; text-transform:uppercase; }
html body.modern-page .waterflow-dashboard-filter-layout { margin:0 !important; padding:0 !important; width:100% !important; }
html body.modern-page .waterflow-dashboard-filter-layout .t-row { align-items:end; display:grid !important; gap:12px 14px; grid-template-columns:190px 190px minmax(220px,1fr) auto 110px auto auto; margin:0 !important; }
html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col { box-sizing:border-box; float:none !important; margin:0 !important; min-height:0 !important; padding:0 !important; width:auto !important; }
html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(1),
html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(3),
html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(5) { display:none !important; }
html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(2) { grid-column:1; grid-row:1; }
html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(4) { grid-column:2; grid-row:1; }
html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(6) { grid-column:1 / 5; grid-row:2; }
html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(7) { align-self:center; grid-column:4; grid-row:1; }
html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(8) { align-self:center; grid-column:5; grid-row:1; }
html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(9) { grid-column:5; grid-row:2; }
html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(10) { grid-column:6; grid-row:2; }
html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(11) { grid-column:7; grid-row:2; }
html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(12) { grid-column:1 / -1; grid-row:3; }
html body.modern-page .waterflow-dashboard-filter-layout .ga-field { margin:0; width:100%; }
html body.modern-page .waterflow-dashboard-filter-layout .wf-options-list { align-items:center; display:flex !important; flex-wrap:nowrap !important; gap:8px 22px; min-height:34px; white-space:nowrap; }
html body.modern-page .waterflow-dashboard-filter-layout .wf-options-list .ga-field { flex:0 0 auto !important; width:auto !important; }
html body.modern-page .waterflow-dashboard-filter-layout .ga-button { white-space:nowrap; width:100%; }
html body.modern-page .waterflow-dashboard-filter-layout .leyendaItem { align-items:center; display:inline-flex; float:none; font-size:11px; margin:0 18px 0 0; }
html body.modern-page .waterflow-dashboard-filter-layout .leyendaCuadroColor { border-radius:50%; height:9px; margin-right:6px; width:9px; }
html body.modern-page .waterflow-dashboard-content { margin:0 !important; padding:0 !important; width:100% !important; }
html body.modern-page .waterflow-dashboard-content > .t-row { margin:0 0 16px !important; }
html body.modern-page .waterflow-dashboard-content > .t-row > .t-col { padding:0 !important; }
html body.modern-page .waterflow-dashboard-pivot { background:#fff; border:1px solid #d8e4ec !important; border-radius:12px; box-shadow:0 5px 16px rgba(26,69,96,.06); box-sizing:border-box; overflow:hidden; }
html body.modern-page .waterflow-dashboard-content fieldset { background:#fff; border:1px solid #d8e4ec; border-radius:12px; box-shadow:0 5px 16px rgba(26,69,96,.06); margin:0; padding:16px 18px 18px; }
html body.modern-page .waterflow-dashboard-content fieldset legend { color:#173f58; font-size:15px; font-weight:700; padding:0 6px; }
html body.modern-page .waterflow-dashboard-content fieldset legend h3 { font-size:15px; margin:0; }
html body.modern-page .waterflow-dashboard-content .graph { height:480px; max-width:100%; }
html body.modern-page .waterflow-dashboard-content .graph text,
html body.modern-page .waterflow-dashboard-content .graph .labels,
html body.modern-page .waterflow-dashboard-content .graph .label-title {
    font-family:Aptos,"Segoe UI",Arial,sans-serif !important;
    font-weight:400 !important;
}
html body.modern-page #waterflow text {
    font-weight:400 !important;
}

/* Exportacion de facturas GEMA ----------------------------------------- */
html body.modern-page .gema-export-page { box-sizing:border-box; padding:6px 2px 30px; width:100%; }
html body.modern-page .gema-export-header { align-items:center; display:flex; gap:14px; margin:0 0 18px; }
html body.modern-page .gema-export-header-icon { align-items:center; background:linear-gradient(135deg,#009fe3,#087cb2); border-radius:12px; box-shadow:0 8px 18px rgba(0,159,227,.2); color:#fff; display:inline-flex; flex:0 0 44px; height:44px; justify-content:center; width:44px; }
html body.modern-page .gema-export-header-icon svg { height:22px; width:22px; }
html body.modern-page .gema-export-header h1 { color:#102f49; font-size:24px; font-weight:800; line-height:1.2; margin:0; }
html body.modern-page .gema-export-header p { color:#6c8294; font-size:12px; margin:4px 0 0; }
html body.modern-page .gema-export-controls-card { background:#fff; border:1px solid #d8e4ec; border-radius:12px; box-shadow:0 5px 16px rgba(26,69,96,.06); margin:0 0 16px; padding:16px 18px 18px; }
html body.modern-page .gema-export-section-title { color:#31536b; font-size:12px; font-weight:750; letter-spacing:.45px; margin:0 0 12px; text-transform:uppercase; }
html body.modern-page .gema-export-filter-row { align-items:end; display:grid; gap:14px; grid-template-columns:150px 130px 190px auto; }
html body.modern-page .gema-export-field label { color:#38556a; display:block; font-size:11px; font-weight:700; margin:0 0 6px; }
html body.modern-page .gema-export-field .RadDropDownList,
html body.modern-page .gema-export-field .RadComboBox,
html body.modern-page .gema-export-field .RadInput { width:100% !important; }
html body.modern-page .gema-export-field .rddlInner,
html body.modern-page .gema-export-field .rcbInner,
html body.modern-page .gema-export-field .riTextBox { background:#fff !important; border:1px solid #b9d5e5 !important; border-radius:7px !important; box-sizing:border-box; color:#243f53 !important; height:34px !important; }
html body.modern-page .gema-export-management-row { align-items:end; display:flex; gap:10px; margin-top:14px; }
html body.modern-page .gema-export-decree { flex:0 1 280px; }
html body.modern-page .gema-export-divider { border-top:1px solid #e5edf2; margin:17px 0 14px; }
html body.modern-page .gema-export-actions { display:flex; flex-wrap:wrap; gap:8px; }
html body.modern-page .gema-export-page .gema-primary-button.RadButton,
html body.modern-page .gema-export-page .gema-secondary-button.RadButton,
html body.modern-page .gema-export-page .gema-export-button.RadButton { border-radius:7px !important; height:34px !important; }
html body.modern-page .gema-export-page .gema-primary-button.RadButton { background:#075b87 !important; border-color:#075b87 !important; color:#fff !important; }
html body.modern-page .gema-export-page .gema-primary-button .rbDecorated { color:#fff !important; font-weight:650 !important; }
html body.modern-page .gema-export-page .gema-secondary-button.RadButton,
html body.modern-page .gema-export-page .gema-export-button.RadButton { background:#fff !important; border:1px solid #b9d5e5 !important; color:#176287 !important; }
html body.modern-page .gema-export-page .gema-secondary-button .rbDecorated,
html body.modern-page .gema-export-page .gema-export-button .rbDecorated { color:#176287 !important; font-size:11px !important; font-weight:650 !important; padding:0 12px !important; }
html body.modern-page .gema-export-page .gema-export-button.RadButton:hover,
html body.modern-page .gema-export-page .gema-secondary-button.RadButton:hover { background:#eaf7ff !important; border-color:#79c6e8 !important; }
html body.modern-page .gema-export-results-card { overflow:hidden; }
html body.modern-page .gema-export-results-heading { background:#fff; border-bottom:1px solid #e3ebf1; padding:15px 18px 13px; }
html body.modern-page .gema-export-results-heading h2 { color:#173f58; font-size:15px; font-weight:700; margin:0; }
html body.modern-page .gema-export-results-heading p { color:#6c8294; font-size:12px; margin:4px 0 0; }
html body.modern-page .gema-export-grid { border:0 !important; }
html body.modern-page .gema-export-grid .rgCommandRow td { border-top:0 !important; }
html body.modern-page .gema-export-grid .rgMasterTable .rgRow > td,
html body.modern-page .gema-export-grid .rgMasterTable .rgAltRow > td { font-size:11px !important; height:34px; line-height:1.3; padding:5px 8px !important; vertical-align:middle; }
html body.modern-page .gema-export-grid .rgFooter td { background:#f2f7fa !important; color:#173f58 !important; font-size:11px !important; font-weight:700 !important; padding:8px !important; }

@media (max-width:850px) {
    html body.modern-page .gema-export-filter-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
    html body.modern-page .gema-export-management-row { align-items:stretch; flex-wrap:wrap; }
    html body.modern-page .gema-export-decree { flex:1 0 100%; }
    html body.modern-page .gema-export-results-card { overflow-x:auto; }
}

@media (max-width:520px) {
    html body.modern-page .gema-export-header-icon { display:none; }
    html body.modern-page .gema-export-filter-row { grid-template-columns:1fr; }
    html body.modern-page .gema-export-management-row .RadButton,
    html body.modern-page .gema-export-filter-action .RadButton { width:100% !important; }
}
html body.modern-page #sliderParent { margin-top:10px; }
html body.modern-page .waterflow-dashboard-page #sliderParent .RadSlider .rslDecrease,
html body.modern-page .waterflow-dashboard-page #sliderParent .RadSlider .rslIncrease {
    align-items:center !important;
    background:#fff !important;
    background-image:none !important;
    border:1px solid #b9d5e5 !important;
    border-radius:5px !important;
    box-shadow:0 1px 3px rgba(20,67,94,.1) !important;
    box-sizing:border-box !important;
    color:transparent !important;
    display:flex !important;
    height:24px !important;
    justify-content:center !important;
    position:absolute !important;
    text-indent:-9999px !important;
    width:24px !important;
}
html body.modern-page .waterflow-dashboard-page #sliderParent .RadSlider.rslHorizontal {
    box-sizing:border-box !important;
    position:relative !important;
}
html body.modern-page .waterflow-dashboard-page #sliderParent .RadSlider .rslDecrease {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M10 3 5 8l5 5' fill='none' stroke='%23087eb7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-size:16px 16px !important;
    left:5px !important;
    margin:0 !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
}
html body.modern-page .waterflow-dashboard-page #sliderParent .RadSlider .rslIncrease {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m6 3 5 5-5 5' fill='none' stroke='%23087eb7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-size:16px 16px !important;
    left:auto !important;
    margin:0 !important;
    right:5px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
}
html body.modern-page .waterflow-dashboard-page #sliderParent .RadSlider .rslDecrease span,
html body.modern-page .waterflow-dashboard-page #sliderParent .RadSlider .rslIncrease span {
    display:none !important;
}
html body.modern-page .waterflow-dashboard-page #sliderParent .RadSlider .rslDecrease::before,
html body.modern-page .waterflow-dashboard-page #sliderParent .RadSlider .rslIncrease::before {
    border:0 !important;
    color:#087eb7 !important;
    display:none !important;
    font-family:Arial,sans-serif !important;
    font-size:22px !important;
    font-weight:700 !important;
    height:22px !important;
    left:50% !important;
    line-height:20px !important;
    position:absolute !important;
    right:auto !important;
    text-align:center !important;
    text-indent:0 !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    width:18px !important;
}
html body.modern-page .waterflow-dashboard-page #sliderParent .RadSlider .rslDecrease::before {
    content:"\2039" !important;
}
html body.modern-page .waterflow-dashboard-page #sliderParent .RadSlider .rslIncrease::before {
    content:"\203A" !important;
}
html body.modern-page .waterflow-dashboard-page #sliderParent .RadSlider .rslDecrease:hover,
html body.modern-page .waterflow-dashboard-page #sliderParent .RadSlider .rslIncrease:hover {
    background-color:#eaf7ff !important;
    border-color:#75c4e8 !important;
}

@media (max-width:1100px) {
    html body.modern-page .waterflow-dashboard-filter-layout .t-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
    html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(2) { grid-column:1; grid-row:1; }
    html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(4) { grid-column:2; grid-row:1; }
    html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(6) { grid-column:1 / -1; grid-row:2; }
    html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(7) { grid-column:3; grid-row:1; }
    html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(8) { display:none; }
    html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(9) { grid-column:1; grid-row:3; }
    html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(10) { grid-column:2; grid-row:3; }
    html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(11) { grid-column:3; grid-row:3; }
    html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col:nth-child(12) { grid-column:1 / -1; grid-row:4; }
}

@media (max-width:620px) {
    html body.modern-page .waterflow-dashboard-header-icon { display:none; }
    html body.modern-page .waterflow-dashboard-filter-layout .t-row { display:block !important; }
    html body.modern-page .waterflow-dashboard-filter-layout .t-row > .t-col { margin-bottom:12px !important; }
    html body.modern-page .waterflow-dashboard-content .graph { height:360px; }
}

@media (max-width: 700px) {
    html body.modern-page .contrato-listado-header-icon {
        display: none;
    }

    html body.modern-page .contrato-listado-card {
        overflow-x: auto;
    }
}

/* Unified page indicators: same restrained weight as AnaliticasPuntosMuestra. */
html body.modern-page h1,
html body.modern-page .modern-page-header h1,
html body.modern-page .modern-page h1,
html body.modern-page .modern-page .modern-page-header h1,
html body.modern-page .modern-page [class$="-header"] > div > h1,
html body.modern-page .modern-page [class$="-header"] > h1,
html body.modern-page .rgEditForm .modern-entry > h3,
html body.modern-page .rgEditForm > h3 {
    font-weight: 500 !important;
    text-shadow: none !important;
}

/* Global RadGrid standard: match the compact Muestras grid. */
html body.modern-page .RadGrid {
    box-sizing: border-box !important;
    font-size: 10px !important;
    width: 100% !important;
}

html body.modern-page .RadGrid .rgMasterTable,
html body.modern-page .RadGrid table.rgMasterTable {
    font-size: 10px !important;
    width: 100% !important;
}

html body.modern-page .RadGrid .rgHeader,
html body.modern-page .RadGrid .rgHeader a {
    font-size: 10px !important;
    line-height: 14px !important;
}

html body.modern-page .RadGrid .rgRow > td,
html body.modern-page .RadGrid .rgAltRow > td {
    font-size: 10px !important;
    height: 26px !important;
    line-height: 14px !important;
    padding-bottom: 2px !important;
    padding-top: 2px !important;
}

/* Use one pencil asset and one size for every grid edit command. */
html body.modern-page .RadGrid input[type="image"][name$="EditButton"],
html body.modern-page .RadGrid input[type="image"][name*="EditCommandColumn"],
html body.modern-page .RadGrid input[type="image"][title*="Modificar"],
html body.modern-page .RadGrid input[type="image"][alt*="Modificar"] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    content: url("../images/muestras-edit.svg") !important;
    height: 14px !important;
    margin: 0 auto !important;
    max-height: 14px !important;
    max-width: 14px !important;
    min-height: 14px !important;
    min-width: 14px !important;
    object-fit: contain !important;
    padding: 0 !important;
    width: 14px !important;
}

html body.modern-page .RadGrid a.rgEdit {
    background-color: transparent !important;
    background-image: url("../images/muestras-edit.svg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 14px 14px !important;
    display: inline-block !important;
    height: 14px !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    width: 14px !important;
}

/* Corporate grid assets: never render the legacy dark-square action icons. */
html body.modern-page .RadGrid input[type="image"][src*="muestras-edit.svg"],
html body.modern-page .RadGrid input[type="image"][src*="modern-edit.svg"],
html body.modern-page .RadGrid img[src*="muestras-edit.svg"],
html body.modern-page .RadGrid img[src*="modern-edit.svg"],
html body.modern-page .RadGrid input[type="image"][src*="Trash-can.png"],
html body.modern-page .RadGrid input[type="image"][src*="modern-trash.svg"],
html body.modern-page .RadGrid img[src*="Trash-can.png"],
html body.modern-page .RadGrid img[src*="modern-trash.svg"] {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: 14px !important;
    margin: 0 auto !important;
    max-height: 14px !important;
    max-width: 14px !important;
    min-height: 14px !important;
    min-width: 14px !important;
    object-fit: contain !important;
    padding: 0 !important;
    width: 14px !important;
}

html body.modern-page .RadGrid input[type="image"][src*="modern-edit.svg"],
html body.modern-page .RadGrid img[src*="modern-edit.svg"] {
    content: url("../images/muestras-edit.svg") !important;
}

html body.modern-page .RadGrid input[type="image"][src*="modern-trash.svg"],
html body.modern-page .RadGrid img[src*="modern-trash.svg"] {
    content: url("../Styles/images/Trash-can.png") !important;
}

/* AnalisisImportar: compact file download action to match the grid controls. */
html body.modern-page .analisis-importar-page [id$="gridAnalisisImportar"] a.downloadlink {
    align-items: center !important;
    background-color: #eef7fc !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v8m0 0 3-3m-3 3L5 7M3 13h10' fill='none' stroke='%230078b5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position: 6px center !important;
    background-repeat: no-repeat !important;
    background-size: 12px 12px !important;
    border: 1px solid #b9d9eb !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    height: 24px !important;
    line-height: 14px !important;
    margin: 0 !important;
    max-width: 260px !important;
    overflow: hidden !important;
    padding: 3px 8px 3px 22px !important;
    text-decoration: none !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

/* AnalisisImportar: status legend pills used across the modern screens. */
html body.modern-page .analisis-importar-page .analisis-importar-legend {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
    padding: 0 10px !important;
}

html body.modern-page .analisis-importar-page .analisis-importar-legend .leyendaItem {
    align-items: center !important;
    background: #f7fafc !important;
    border: 1px solid #e2eaf1 !important;
    border-radius: 999px !important;
    color: #43576b !important;
    display: inline-flex !important;
    float: none !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    gap: 7px !important;
    line-height: 14px !important;
    margin: 0 !important;
    padding: 5px 9px !important;
}

html body.modern-page .analisis-importar-page .analisis-importar-legend .leyendaCuadroColor {
    border: 0 !important;
    border-radius: 50% !important;
    flex: 0 0 9px !important;
    float: none !important;
    height: 9px !important;
    margin: 0 !important;
    width: 9px !important;
}

/* Shared page-header clearance for the installation-tree collapse button. */
html body.modern-page [class~="header-icon"],
html body.modern-page [class$="-header-icon"],
html body.modern-page [class*="-header-icon "] {
    margin-left: 20px !important;
}

/* ContadoresRutasItems.aspx */
html body.modern-page .contadores-rutas-items-page .modern-page-header p {
    color: rgba(255, 255, 255, .78) !important;
    font-size: 11px !important;
    margin: 4px 0 0 !important;
}

html body.modern-page .contadores-rutas-items-filter-card {
    background: #fff !important;
    border: 1px solid #d2e3ed !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(17, 64, 91, .06) !important;
    margin: 0 0 14px !important;
    padding: 16px 18px 18px !important;
}

html body.modern-page .contadores-rutas-items-section-title {
    align-items: center !important;
    color: #174c6b !important;
    display: flex !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    gap: 8px !important;
    letter-spacing: .025em !important;
    margin: 0 0 13px !important;
    text-transform: uppercase !important;
}

html body.modern-page .contadores-rutas-items-section-title::before {
    background: #00a4e4 !important;
    border-radius: 3px !important;
    content: "" !important;
    height: 16px !important;
    width: 4px !important;
}

html body.modern-page .contadores-rutas-items-filter-row {
    align-items: end !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: minmax(240px, 360px) auto !important;
    justify-content: start !important;
}

html body.modern-page .contadores-rutas-items-filter-row .ga-field {
    margin: 0 !important;
    width: 100% !important;
}

html body.modern-page .contadores-rutas-items-compat {
    display: none !important;
}

html body.modern-page .contadores-rutas-items-page .modern-grid-card {
    background: #fff !important;
    border: 1px solid #d2e3ed !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(17, 64, 91, .06) !important;
    overflow: hidden !important;
}

html body.modern-page .contadores-rutas-items-page .modern-grid-card > div,
html body.modern-page .contadores-rutas-items-page .modern-grid-card .RadGrid {
    border: 0 !important;
    width: 100% !important;
}

html body.modern-page .contadores-rutas-items-grid .rgCommandRow td {
    background: #f8fbfd !important;
    border-bottom: 1px solid #d9e7ef !important;
    color: #075477 !important;
    height: 40px !important;
    padding: 0 14px !important;
}

html body.modern-page .contadores-rutas-items-grid .rgRow,
html body.modern-page .contadores-rutas-items-grid .rgAltRow {
    cursor: grab !important;
}

html body.modern-page .contadores-rutas-items-grid .rgRow:active,
html body.modern-page .contadores-rutas-items-grid .rgAltRow:active {
    cursor: grabbing !important;
}

@media (max-width: 650px) {
    html body.modern-page .contadores-rutas-items-filter-row {
        grid-template-columns: 1fr !important;
    }
}