body {font-family: 'Poppins', sans-serif; background: transparent; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.cluster {font-size: 12px; text-decoration: none; padding: 5px 10px; border-radius: 2px; background-color: #5cb85c; border: solid 1px #4cae4c; color: #fff; display: flex; gap: 15px; justify-content: center; align-items: center;}
.cluster:hover {background-color: #4cae4c; color: #fff;}
.qrz {font-size: 12px; text-decoration: none; padding: 5px 10px; border-radius: 2px; background-color: #007bff; border: solid 1px #0063cd; color: #fff; display: flex; gap: 15px; justify-content: center; align-items: center;}
.qrz:hover {background-color: #0063cd; color: #fff;}
.clublog {font-size: 12px; text-decoration: none; padding: 5px 10px; border-radius: 2px; background-color: #d64215; border: solid 1px #c63003; color: #fff; display: flex; gap: 15px; justify-content: center; align-items: center;}
.clublog:hover {background-color: #c63003; color: #fff;}
.dxtable {box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.07), 0px 1.6711px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 0.893452px 17.869px rgba(0, 0, 0, 0.0417275), 0px 0.500862px 10.0172px rgba(0, 0, 0, 0.035), 0px 0.266004px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 0.11069px 2.21381px rgba(0, 0, 0, 0.0196802); border-radius: 15px; border: solid 1px #E4E4E4; margin: 30px;}
.dxtable .heading {display: flex; flex-direction: column; gap: 5px; align-items: center; padding: 15px; background-color: #F2F2F2; border-radius: 15px 15px 0 0; border-bottom: solid 1px #E4E4E4;}
.dxtable .heading .flex {display: flex; gap: 15px; align-items: center; background-color: #F2F2F2; border-radius: 15px 15px 0 0;}
.dxtable .heading .welcome {font-size: 10px; font-size: 10px; font-weight: 300; margin: 0; padding: 0; color: #ACACAC;}
.dxtable .heading .welcome a {color: #ACACAC;}
.dxtable .heading .welcome a:hover {color: #5cb85c;}
.dxtable .heading h1 {font-size: 14px; font-weight: 700; margin: 0; padding: 0; color: #424242;}
.dxtable .heading h2 {font-size: 10px; font-weight: 300; margin: 0; padding: 0; color: #ACACAC;}
.dxtable .singledx {border-bottom: solid 1px #E4E4E4; display: flex; gap: 15px; align-items: center; padding: 15px; justify-content: space-between;}
.dxtable .singledx:hover {background-color: #F2F2F2;}
.dxtable .singledx h3 {font-size: 12px; font-weight: 700; margin: 0; padding: 0; color: #424242;}
.dxtable .gotocluster {border-bottom: solid 1px #E4E4E4; display: flex; align-items: center; justify-content: center;}
.dxtable .gotocluster .cluster {width: 100%; border-radius: 0px; padding: 15px;}
.dxtable .links {display: flex; gap: 5px;}
.dxtable .links a {font-size: 10px;}
.dxtable .about {display: flex; gap: 5px; align-items: center; padding: 15px; background-color: #F2F2F2; border-radius: 0 0 15px 15px; border-bottom: solid 1px #E4E4E4; font-size: 10px; color: #ACACAC; flex-direction: column;}
.dxtable .about p {margin: 0; padding: 0; text-align: center;}
.dxtable .about a {text-decoration: none; color: #ACACAC;}
.dxtable .about a:hover {text-decoration: none; color: #424242;}

@media (max-width: 575.98px) {
  .dxtable .heading {flex-direction: column;}
}