@import url("TAN-output.css");
/* DISPLAY */
.ref,
.code,
.stub,
.mfw .td{
    display: table-cell
}
.table{
    display: table
}
.table-head{
    display: table-header-group
}
.table-row,
.table-summary{
    display: table-row
}
.span{
    display: inline
}
.hide,
.col-expand{
    display: none
}
.button{
    display: inline-block
}
/* COLOR, OPACITY */
h2{
    color: blue
}
.diff,
.diff .td{
    background-color: LightGray
}
.hover{
    background-color: black
}
.lvl-1,
.lvl-2{
    color: black
}
.lvl-3{
    color: gray
}
.no-key{
    opacity: .5
}
.max{
    color: green;
}
.min{
    color: red;
}
div[class $= "---add"]{
    background-color: lightgray;
}
div[class $= "---diff"]{
    background-color: yellow;
}
.asc,
.desc{
    background-color: green;
}
.button.on{
    background-color: lightgreen;
}
.button.off{
    background-color: lightgray;
}
/* WIDTH */
.mfw .td{
    width: 180px
}
/*.td.qty,
.td.avg{
    width: 120px;
    overflow: hidden
}*/
.stub{
    width: 80px
}
/*.table-head > .td > .td{
    width: 120px;
}*/
.qty{
    width: 40px;
    overflow: hidden
}
.avg{
    width: 40px;
    overflow: hidden
}
/* TEXT-ALIGN */
.table-row .ref,
.table-row .qty,
.table-row .avg{
    text-align: right
}
.table-head .td,
thead{
    text-align: center
}
/* PADDING */
.qty,
.avg{
    padding-right: 5px
}
.diff{
    padding: 5px 0px
}
*[class $= 'head']{
    padding-left: 0.25cm;
    padding-right: 0.25cm
}
/* MARGINS */
.span{
    margin-right: 5px
}
h1{
    margin-top: 50px
}
h3{
    margin-left: 1cm
}
.src-metadata{
    margin-left: 2cm
}
/* FONTS */
.qty,
.avg{
    font-family: monospace
}
/* FONT SIZE */
.code{
    font-size: inherit
}
.comment{
    font-size: smaller
}
.qty,
.avg{
    font-size: 11px;
}
/* FONT WEIGHT */
*[class $= 'head'],
.lvl-0,
.lvl-1{
    font-weight: bold;
}
/* TRANSFORM */
.table-head.mfw .td{
    /*    -ms-transform: rotate(-45deg); /\* IE 9 *\/
    -webkit-transform: rotate(-45deg); /\* Chrome, Safari, Opera *\/
    transform: rotate(-45deg)
*/
}
/* VERTICAL ALIGN */
.table-head *{
    vertical-align: bottom
}
/* BORDERS */
h1{
    border-top: black solid 2px
}
.lvl-0 > *{
    border-top: black solid 2px;
    border-bottom: black solid 2px;
}
.table-head,
.lvl-1 > *
{
    border-bottom: black solid 1px
}
.lvl-2 > *{
    border-bottom: gray solid 1px
}
.button.off{
    border-top: solid 2px #eaeaea;
    border-left: solid 2px #eaeaea;
    border-bottom: solid 2px #777;
    border-right: solid 2px #777;
}
.button.on{
    border-top: solid 2px #777;
    border-left: solid 2px #777;
    border-bottom: solid 2px #eaeaea;
    border-right: solid 2px #eaeaea;
}

/* CURSOR */
.expand,
.collapse,
.col-expand,
.col-collapse,
.table-head .qty,
.table-head .avg,
.table-head .stub,
.button{
    cursor: pointer
}