.stat-table>thead
{
  background: dodgerblue;
  border: 2px solid cyan;
  border-right: 4px solid mediumblue;
  border-bottom: 4px solid mediumblue;

  box-sizing: content-box;

  cursor: pointer;
}

.section
{

    padding: 0;
    padding-left: 5px;
    
    padding-right: 5px;

    background-color: lightgray;
  
    border: 2px solid white;
    border-top: 2px solid dimgray;
    border-bottom: 4px solid dimgray;
    border-right: 4px solid dimgray;
}

.sub-section
{

    padding-left: 5px;
    padding-right: 5px;

    background: lightgray;

    border-top: 2px solid dimgray;
}

.sub-section-title
{
    background: lightgray;

    
    border: 2px solid white;
	border-right: 4px solid dimgrey;
    border-bottom: 0;

    padding-left: 5px;
    padding-right: 5px;
    margin: 0;

    margin-top: 10px;
    
    text-indent: 0;

    width:fit-content;
}



.section-title
{
    background: lightgray;

    border: 2px solid white;
    border-bottom: 0;
	border-right: 4px solid dimgrey;

    padding-left: 5px;
    padding-right: 5px;
    
    margin: 0;
    margin-top: 10px;

    text-indent: 0;

    width:fit-content;
}


.stat-table>tbody
{
    border: 2px solid white;
    border-top: 0;
	border-right: 4px solid dimgrey;
    border-bottom: 4px solid dimgrey
}

.stat-table-hidden
{
    visibility: collapse;
    height: 0;
    border: 0 !important;
}


.stat-table
{
    text-align: center;
    border-collapse: collapse;
    height: fit-content;
}

.stat-table td:nth-child(odd)
{
    background: rgb(175, 175, 175);
}
.stat-table td:nth-child(even)
{
    background: lightgray;
}

.image-display
{
    width: 35%;

    float: right;

    display: inline-grid;

    grid-template-rows: auto auto;

    justify-self: right;
    justify-content: center;

    margin-right: 5px;

    grid-column-start: 2;

}

.image-display img
{
    width: 100%;

    border-left: 2px solid white;
	border-right: 4px solid dimgrey;
	border-bottom: 4px solid dimgrey;

}

.image-display p
{
    text-align: center;
    text-indent: 0;

    padding-top: 5px;
    margin: 0;

    width: 100%;

    border: 2px solid cyan;
    border-bottom: 4px solid mediumblue;
    border-right: 4px solid mediumblue;
  
    background-color: dodgerblue;
}

.dropdown
{
    width: 32px;

    padding: 0;
    margin: 0;
}

.dropdown>button>img
{
    width: 32px;
    height: 32px;

    image-rendering: pixelated;
}

.dropdown>button
{
    width: 32px;
    height: 32px;

    padding: 0;
    border: 0;

    
}