body{
    font-family: 'Arial';
    font-size: 8pt;
    color: #195b71;
}

.wrapper {
    border: 1px solid #53a0ba;
    background-color: #9dc9d8;
    padding: 4px;
}
.table-header-wrapper {
    padding-right: 2px;
}
.table-header {
    text-align: right;
}
.table-header-cell {
    text-align: left;
    display: inline-block;
    border-top: 1px solid  #308cab;
    border-left: 1px solid #308cab;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    background-color: #ebf4f7;
    margin: 1px 1px 3px 0;
    width: 10px;
    height: 76px;
}
.table-header-cell div {
    transform: rotate(-90deg);
    width: 150px;
    margin: -10px -69px;
    font-size: 9pt;
}
.table-header-cell .first-of-month {
    font-weight: bold;
}
.table-header-cell:nth-child(even) {
    background-color: #f4f8ff;
}
.table-row {
    border-top: 1px solid  #308cab;
    border-left: 1px solid #308cab;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    background-color: #f6fafc;
    margin: 1px;
    position: relative;
}
.table-row.section {
    margin-top: 6px;
}
.table-row img.icon {
    margin: 0 3px;
    opacity: .6;
}

.table-row.rendering,
.table-row.notes,
.table-row.totals{
    font-weight: bold;
    font-size: 11px;
    padding: 4px 0;
}
.table-row.totals{
    font-size: 13px;
}

.table-row.rendering {
    text-align: center;
}
.table-row.notes {
    font-weight: normal;
}
.table-row p {
    padding: 0 10px;
}
.hairline-outer-wrapper{
    right: 1px; 
    position: absolute;
}
.hairline {
    display: inline-block;
    float: right;
/*    border-left: 1px solid #4a9bb6;*/
    opacity: .2;
    width: 13px;
    height: 14px;
}
.hairline:nth-child(even) {
    background-color: #fe683b;
    opacity: .1;
}

.table-legend {
    width: 40px;
    margin: 1px;
    height: 12px;
}
.table-legend.unspotted {
    color: #fe683b;
}
.table-bar {
    display: inline;
    float: right;
    height: 10px;
    background-color: #fe683b;
    border-top: 2px solid  #ffd5c8;
    border-left: 2px solid #ffd5c8;
    border-bottom: 2px solid #fe3c02;
    border-right: 2px solid #fe3c02;
    text-align: left;
    font-size: 10pt;
    line-height: 13px;
    font-weight: bold;
    color: white;
}
.table-bar.unused {
    background-color: #CCC;
    border: none;
    height: 12px;
    width: 99% !important;
    padding-top: 3px;
    color: #999;
}

.table-bar.null {
    border: none;
}