.zingChartCanvas {
    width:  100%;
    height: 400px;
    margin: 1em auto;
}

.monthName {
    display: inline-block;
    width:   86px;
}

.warm,
table.data-table tbody tr td.warm {
    color: #e41d3d;
}

.cold,
table.data-table tbody tr td.cold {
    color: #0076d6;
}

/* Loading Pattern */
/*******************/
div.loading-pattern {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    width: 40%;
    min-width: 400px;
}

div.loading-pattern img { width: 100%; }

@media (max-width: 575px) {
    div.loading-pattern {
        float: none;
        margin-left: 0;
        width: 100%;
        min-width: auto;
    }
}
/*******************/
/* Loading Pattern */

/* Data Table */
/**************/
.data-table-modal .modal-dialog-scrollable .modal-body { padding-top: 0; }

.data-table {
    margin:       0;
    table-layout: fixed;
}

.data-table caption {
    font-style: normal;
}

.data-table tr th {
    position: sticky;
    top:      0;
}

.data-table tr th:not([scope=row]) {
    z-index: 2;
}

.data-table tr th[scope=row] {
    left:               0;
    z-index:            1;
    background-color:   #ffffff;
    padding:            0;
    border-right-color: transparent;
}

table.data-table tr th[scope=row] a {
    text-decoration: none;
    color:           #0076d6;
    display:         block;
    padding:         10px 15px;
    border-right:    solid 1px #8d9297;
}

table.data-table tr:nth-child(2n) th[scope=row] {
    background-color: #dcdee0;
}

table.data-table tr.even td a,
table.data-table tr:nth-child(2n) th[scope=row] a {
    color: #0050d8;
}

table.data-table tr.odd td a,
table.data-table tr:nth-child(2n+1) th[scope=row] a {
    color: #0076d6;
}

.data-table td:not(.left) {
    text-align: right;
}
/**************/
/* Data Table */