/* Home */
.vqmt_authors {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
margin-left: 2em; }
@media all and (max-width: 1030px) {
.vqmt_authors {
margin: 0px;
justify-content: space-around; } }
/* Buttons */
.groupborder {
display: flex;
border: 1px solid #3d6f96;
border-radius: 10px;
padding: 0px 5px; }
.buttonscontainer {
display: flex;
flex-wrap: wrap;
row-gap: 10px;
column-gap: 15px; }
.borderelem {
display: flex;
align-items: center;
white-space: nowrap; }
.group {
display: flex;
align-items: center; }
input#remember {
padding: 0; }
input#vis_checkbox {
padding: 0; }
input#leaderboard_checkbox {
padding: 0; }
input#charts_checkbox {
padding: 0; }
@media all and (max-width: 1030px) {
.groupborder {
flex-wrap: wrap; } }
/* Visualization */
.robustcontainer {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 208px; }
.robustcontent {
font-weight: bold;
line-height: 1.5;
text-align: center;
color: #3d6f96; }
.img-zoom-lens {
position: absolute;
border: 3px solid #ff0000;
/*set the size of the lens:*/
width: 75px;
height: 75px; }
@media all and (max-width: 1030px) {
.robustcontainer {
font-size: calc(2vw - 0.5px);
height: 20vw; }
.column h3 {
font-size: calc(2vw - 0.5px); }
.img-zoom-lens {
border: 0.3vw solid #ff0000;
width: 6vw;
height: 6vw; } }
/* Leaderboard */
@media all and (max-width: 1030px) {
div#leaderboard_table_length {
text-align: center;
width: -webkit-fill-available; }
.dataTables_wrapper .dataTables_paginate {
text-align: center;
width: -webkit-fill-available; }
table#leaderboard_table {
font-size: 2vw; }
table#leaderboard_table {
white-space: normal;
line-height: normal; }
th.dt-center.sorting {
font-size: 2.2vw;
padding: 1.5vw;
padding-right: 2.2vw;
background-size: 2.3vw; }
th.dt-center.sorting_desc {
font-size: 2.2vw;
padding: 1.5vw;
padding-right: 2.2vw;
background-size: 2.3vw; }
th.dt-center.sorting_asc {
font-size: 2.2vw;
padding: 1.5vw;
padding-right: 2.2vw;
background-size: 2.3vw; }
table.dataTable tbody td {
padding: 1.5vw;
vertical-align: middle; }
g.highcharts-legend.highcharts-no-tooltip {
font-size: 2vw; }
g.highcharts-axis-labels.highcharts-yaxis-labels {
font-size: calc(2vw + 4.5px); } }
span.formula {
font-size: medium; }
.met-row {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
column-gap: 10px;
row-gap: 20px; }
.met-column {
text-align: center;
font-size: x-large;
width: 174px;
line-height: 30px; }
@media all and (max-width: 1030px) {
span.formula {
font-size: calc(1vw + 8px); }
.met-column {
font-size: calc(2vw + 7px);
width: calc(20vw + 19px); } }
/*Participants */
@media all and (max-width: 1030px) {
tbody.participants {
font-size: calc(1vw + 9px); }
table.dataTable thead th {
padding: 2vw;
font-size: calc(1vw + 11px); } }