@charset "UTF-8";

/* === Misc === */

@supports (-ms-ime-align:auto) {
  span[data-edgefix] { display:inline-block; line-height:1em; }
}


#changes {
    border-radius: 6px;
    overflow: auto;
    
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

sup {
    top: -.1em !important;
}

.myH5 {
  font-weight: 500;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1em !important;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px; /* Adjust to match the height of your navbar */
  min-width:900px;
}

/* === Entity Tables: full visual parity with nested tables === */
.myTableMKEntLink {
	width: 100% !important;
	border-collapse: collapse !important;
	margin: 8px 0 !important;
	table-layout: auto !important;
	border: 1px solid #0d6efd !important;
	background-color: #ffffff;
	font-size: 0.9em !important;
}

/* Header cells (blue with white text) */
.myTableMKEntLink th {
	border: 1px solid #0d6efd !important;
	border-collapse: collapse !important;
	padding: 8px 6px !important;
	background-color: #0d6efd !important;
	color: #ffffff !important;
	text-align: center !important;
	font-weight: bold !important;
	vertical-align: middle !important;
	font-size: 0.9em !important;
}

/* Body rows and data cells */
.myTableMKEntLink tr,
.myTableMKEntLink td {
	border: 1px solid #0d6efd !important;
	border-collapse: collapse !important;
	padding: 8px 6px !important;
	vertical-align: top !important;
	background-color: #ffffff;
	color: #000000 !important;
	font-size: 0.9em !important;
	font-weight: normal !important;
}

/* Colspan / Rowspan cells maintain alignment */
.myTableMKEntLink th[colspan],
.myTableMKEntLink th[rowspan],
.myTableMKEntLink td[colspan],
.myTableMKEntLink td[rowspan] {
	text-align: center !important;
	vertical-align: middle !important;
}

/* Links inside cells */
.myTableMKEntLink a {
	color: #0d6efd !important;
	text-decoration: none !important;
	font-weight: normal !important;
}

.myTableMKEntLink a:hover {
	text-decoration: underline !important;
}

.myTableMKEntLink {
    --row-hover-color: #fff3cd;
    --cell-hover-color: #ffc107;
}

/* Highlight entire row on hover */
.myTableMKEntLink tr:hover td {
    background-color: var(--row-hover-color);
}

/* Highlight cell on hover */
.myTableMKEntLink td:hover {
    background-color: var(--cell-hover-color) !important;
}

/* Smooth transition */
.myTableMKEntLink td,
.myTableMKEntLink th,
.myTableMKEntLink tr {
    transition: background-color 0.2s ease;
}

.myTableMKEntLink td,
.myTableMKEntLink th {
  position: relative;
}

/* === Optional heading above the entity table === */
.myTitleMKentity {
	font-weight: 700 !important;
	margin-top: 40px !important;
	margin-bottom: 10px !important;
	padding-top: 10px !important;
	padding-bottom: 14px !important;
	border-bottom: 1px solid #CFCFCF; /*gray*/
	color: inherit !important;
}

/* === Section Title === */
.myTitleMKspace {
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 14px;
	border-bottom: 1px solid #CFCFCF; /*gray*/
	page-break-after: auto;
	page-break-before: always;
	page-break-inside: avoid;
}

/* === Outer Table === */
.myTableMK {
	width: 100%;
	border-collapse: collapse;
	table-layout: auto; /* Let column 3 grow naturally */
	vertical-align: top;
	font-size: 1em;
}

.myTableMK tr,
.myTableMK td {
	padding: 4px 0;
	vertical-align: top;
	border-collapse: collapse;
	font-weight: normal;
	position: relative; /* Allows floats inside cells to render correctly */
	overflow: visible;  /* Prevents clipping of floated content */
}

/* First row separator */
.myTableMK > tbody > tr:nth-child(1) {
	border-bottom: 1px solid #CFCFCF; /*gray*/
}

/* === Column widths and styles (outer table only) === */
.myTableMK > tbody > tr > td:nth-child(1) {
	font-weight: bold;
	width: 12%;
	padding-bottom: 12px;
	vertical-align: top;
}

.myTableMK > tbody > tr > td:nth-child(2) {
	font-weight: bold;
	width: 2%;
	vertical-align: top;
}

.myTableMK > tbody > tr > td:nth-child(3) {
	border-bottom: 1px solid #CFCFCF; /*gray*/
	width: auto;
	vertical-align: top;
}

/* === Nested Tables (inner tables inside .myTableMK) === */
.myTableMK td > table {
    border-collapse: collapse;
    width: 100%;
    margin: 8px 0;
    table-layout: fixed; /* Ensures equal column widths */
}

/* Header cells of nested tables */
.myTableMK td > table th {
    border: 1px solid #0d6efd;
    padding: 8px 6px;
    background-color: #0d6efd;
    color: white;
    text-align: left;
    font-weight: bold;
    font-size: 0.9em;
    overflow: hidden; /* Prevents overflow in fixed layout */
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Data cells of nested tables */
.myTableMK td > table td {
    border: 1px solid #0d6efd;
    padding: 8px 6px;
    vertical-align: top;
    font-size: 0.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Remove auto width overrides */
.myTableMK td > table td:nth-child(1),
.myTableMK td > table td:nth-child(2),
.myTableMK td > table td:nth-child(3) {
    width: unset;
}

/* === Float fix inside table cells === */
.myTableMK td div[style*="float:right"] {
    display: block;
    float: right;
    margin-left: 8px; /* Fix missing value */
}

/* Links inside cells */
.myTableMK a {
    color: #0d6efd !important;
    text-decoration: none !important;
    font-weight: normal !important;
}

.myTableMK {
    --row-hover-color: #fff3cd;
    --cell-hover-color: #ffc107;
}

/* Highlight entire row on hover */
.myTableMK td > table tr:hover {
    background-color: var(--row-hover-color);
}

/* Highlight cell on hover */
.myTableMK td > table td:hover {
    background-color: var(--cell-hover-color) !important;
}

/* Smooth transition */
.myTableMK td > table td,
.myTableMK td > table th,
.myTableMK td > table tr {
    transition: background-color 0.2s ease;
}