table.table-chemp-mf {width: 100%;border-collapse: collapse;font-family: 'Segoe UI', sans-serif;background-color: #ffffff;color: #354C68;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);overflow: hidden;margin-top: 10px;text-align: center;}
caption.caption-chemp-mf {caption-side: top;text-align: left;font-size: 1.5em;font-weight: bold;padding: 1rem;color: #354C68;}
thead th.th-chemp-mf {background-color: #354C68;color: #ffffff;padding: 0.5rem;text-align: center;font-weight: 600;border-bottom: 2px solid #e5e4e499;}
tbody td.td-chemp-mf {padding: 0.6rem;text-align: center;border-bottom: 1px solid #e5e4e499;}
table.table-chemp-mf td.team-chemp-mf {text-align: left}
tbody tr.tr-chemp-mf:hover {background-color: rgb(244, 244, 244);}
td.team-chemp-mf {display: flex;align-items: center;gap: 8px;padding-left: 10px;text-align: left;}
.team-chemp-mf img {height: 20px;width: auto;vertical-align: middle;}
td.rank-chemp-mf {font-weight: bold;color: #354C68;}
tbody td.color-green {border-right: 6px solid #7cf77c;}
tbody td.color-green-light {border-right: 6px solid #bbf3bb;}
tbody td.color-blue {border-right: 6px solid #24e5ff}
tbody td.color-blue-light {border-right: 6px solid #ccf9ff}
tbody td.color-red {border-right: 6px solid #fc9797}
tbody td.color-red-light {border-right: 6px solid #ffcccc}   
tbody td.color-yellow {border-right: 6px solid #ffff1c}  
tbody td.color-yellow-light {border-right: 6px solid #ffffbb}  
tbody td.color-orange {border-right: 6px solid #ffbb26}  
tbody td.color-orange-light {border-right: 6px solid #ffdc8f}  
tbody td.color-purple {border-right: 6px solid #a66ba3}
tbody td.color-brown {border-right: 6px solid #b39168}
tbody td.color-gold-olympics {border-right: 6px solid #FFD700;}
tbody td.color-silver-olympics {border-right: 6px solid #C0C0C0;}
tbody td.color-bronze-olympics {border-right: 6px solid #CD7F32;}
table.table-chemp-mf, table.table-chemp-mf tbody, table.table-chemp-mf tr {font-size: 11px; font-family: verdana, sans-serif;}

.details-info {margin-top: 1em; text-align: left; padding-left: 1em;}
.details-info ul {list-style: none; padding-left: 0; margin-top: 6px;}
.details-info li {margin-bottom: 4px;}
.details-info span {display: inline-block; width: 16px; height: 16px; margin-right: 8px; vertical-align: middle; border-radius: 3px;}
.color-green-dot {background-color: #7cf77c;}
.color-green-light-dot {background-color: #bbf3bb;}
.color-blue-dot {background-color: #24e5ff;}
.color-blue-light-dot {background-color: #ccf9ff;}
.color-red-dot {background-color: #fc9797;}
.color-red-light-dot {background-color: #ffcccc;}
.color-yellow-dot {background-color: #ffff1c;}
.color-yellow-light-dot {background-color: #ffffbb;}
.color-orange-dot {background-color: #ffbb26;}
.color-orange-light-dot {background-color: #ffdc8f;}
.color-purple-dot {background-color: #a66ba3;}
.color-brown-dot {background-color: #b39168;}

.total-col .full { display: inline; }
.total-col .short { display: none; }
.total-row {font-weight: bold;border-top: 2px solid #ccc;}
.total-row td {padding: 8px;}
th .mf-medal-emoji {font-size: 1.5em;vertical-align: middle;}

/* Button */
.nav-buttons-mf-prior-next {display: flex;justify-content: space-between;max-width: 1000px;margin: 10px auto;}
.nav-button-link-prior-next {padding: 10px 10px;background: #354c68;color: white !important;font-size: 12px;border: none;border-radius: 5px;text-decoration: none;cursor: pointer;display: inline-block;text-align: center;margin: 5px;}   
.nav-button-link-prior-next:hover {text-decoration: none;}
.nav-button-link-prior-next:disabled,
.nav-button-link-prior-next.disabled {background: #aaa;cursor: not-allowed;pointer-events: none;}
/* End */

@media (max-width: 767px) {
table.table-chemp-mf, table.table-chemp-mf tbody, table.table-chemp-mf tr {display: revert !important;width: auto !important;overflow: visible !important;}
table.table-chemp-mf th,table.table-chemp-mf td {display: table-cell !important;}
table.table-chemp-mf td.team-chemp-mf img {width: 18px !important; height: 18px !important; margin-right: 5px;}
table.table-chemp-mf th.m-hidden,table.table-chemp-mf td.m-hidden {display: none !important;}
.table-chemp-mf-wrapper {overflow-x: auto;}
table.table-chemp-mf td.team-chemp-mf {width: 210px;}
tbody td.color-gold-olympics, tbody td.color-silver-olympics, tbody td.color-bronze-olympics {border-right-width: 3px !important;}
.total-row td {padding: 4px;}
th .mf-medal-emoji {font-size: 1.2em;}
}

@media (max-width: 222px) {
thead th.th-chemp-mf {padding: 0 !important; background-color: #E9E9E9 !important; color: #354c68;}
table.table-chemp-mf, table.table-chemp-mf tbody, table.table-chemp-mf tr {margin: 0px !important;}
tbody td.td-chemp-mf {padding: 0.3rem !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 130px;width: 130px;}
table.table-chemp-mf td.team-chemp-mf img {width: 12px !important; height: 12px !important;}
body {margin: 0px !important;}
table.table-chemp-mf th.small-widget-hidden, table.table-chemp-mf td.small-widget-hidden {display: none !important;}
td.team-chemp-mf {min-width: 120px;}
.total-col .full { display: none; }
.total-col .short { display: inline; }
tbody td.color-gold-olympics, tbody td.color-silver-olympics, tbody td.color-bronze-olympics {border-right-width: 2px !important;}
.total-row td {padding: 2px;}
th .mf-medal-emoji {font-size: 1em;}
}