/* Två kolumner bredvid varandra */
.x11_left_column {
float: left;
width: 45%;
}
.x11_right_column {
float: right;
width: 45%;
}
/* Utan float, ifall det skulle hamna i konflikt med andra objekt */
.x11_nofloat_column {
float: none;
width: 45%;
}
/* I mobilvyn på små skärmar läggs kolumnerna efter varandra och endast första tabellhuvudet behålls */
@media screen and ( max-width: 800px ) {
.x11_left_column,
.x11_right_column,
.x11_nofloat_column {
clear: both;
float: none;
width: 100%;
margin: 1em auto;
}
.x11_onlywidescreen {
display: none;
}
}
/* Generell stil för sidokanter och -padding för samtliga tabellceller */
.x11_tabellceller,
.x11_tabellceller td,
.x11_tabellceller th {
padding-left: 4px;
padding-right: 4px;
border-collapse: collapse;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
}
/* Centrerad text i vanliga tabellrutor, utom i dem längst till vänster */
.x11_kolumntabell tr td:nth-child(n+2) {
text-align: center;
}
/* Stil för respektive kolumn */
.x11_kolumntabell {
background: #f8f9fa;
width: 95%;
}
/* Stil för rutor som inte är rubrik och inte har underrubrikklassen */
.x11_kolumntabell td:not(.x11_underrubrik) {
font-size: 80%;
font-family: monospace, monospace;
}
.x11_rubrikrad1 {
background: #eaecf0;
line-height: 1.4;
border: hidden;
}
th.x11_rgbrubrik {
letter-spacing: .1em;
font: 90% sans-serif;
font-weight: normal;
border: hidden;
}
.x11_rubrikrad2 {
background: #eaecf0;
line-height: 1.4;
font: 90% sans-serif;
color: #202122;
letter-spacing: .03em;
border: hidden;
border-bottom: 2px solid #a2a9b1;
}
.x11_utan_sidokanter,
.x11_utan_sidokanter td,
.x11_utan_sidokanter th {
border-collapse: collapse;
border-left: hidden;
border-right: hidden;
}
.x11_underrubrik {
height: 2em;
vertical-align: bottom;
background: #f8f9fa;
color: #72777d;
font-family: sans-serif;
}
/* ] */