/* STRUCTURE */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body {
    color: black;
    background-color: rgb(220,220,220);
}

header{
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(220,220,220,0.9);
    backdrop-filter: blur(8px);
    border-bottom:1px solid #e5e7eb;
    box-shadow:0 2px 10px rgba(0,0,0,0.04);
}

footer {
  text-align: center;
  padding: 10px;
}

/* TABLE */

table.body {
    background-color: rgb(91, 91, 91);
    width: 100%;
    height: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border: 1px solid black;
    border-spacing: 2px;
}

table.main {
    background-color: rgb(255, 220, 171);
    width: 100%;
    height: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border: 0px solid black;
    border-spacing: 2px;
}

table.section {
    text-align: left;
    padding: 2px;
}

/* TD */

td.logo {
    text-align: center;
}

td.title {
    text-align: center;
    vertical-align: middle;
}

td.legend {
    vertical-align: middle;
    padding: 5px;
}

/* IMG */

img.logo_idx_log {
    border: 1px;
    width: 200px;
}

img.logo_idx_vtr {
    border: 1px solid;
    width: 750px;
}

img.logo_idx_sqr {
    border: 2px;
    width: 150px;
}

img.logo_idx_rct {
    border: 2px;
    width: 300px;
}