.diagram {
font-size: 90%;
margin: .4em;
max-width: 100%;
overflow-x: auto;
}
.diagram > table {
border: 1px solid silver;
padding: .4em;
border-spacing: 0;
}
.diagram-floatright {
float: right;
clear: right;
}
.diagram-floatleft {
float: left;
clear: left;
}
.diagram th,
.diagram td {
padding: 0;
}
.diagram-cim {
background-color: #ccc;
font-size: larger;
text-align: center;
}
.diagram-torzs {
font-size: 90%;
height: 4px;
}
.diagram-torzs td {
padding: 0 4px;
}
.diagram-torzs td:not(:first-child) {
text-align: right;
}
.diagram-torzs td:nth-child(3) {
width: 100px;
}
.diagram-torzs td:nth-child(4) {
width: 5em;
}
.diagram-alairas td {
padding: 4px;
}
@media screen and (max-width: 719px) {
.diagram {
margin: .4em 0;
}
.diagram > table {
width: 100% !important;
}
.diagram-floatright,
.diagram-floatleft {
float: none;
clear: none;
}
}