body {
    overflow-x: hidden;
    padding-bottom: 50px;
}
.formbtn { padding:7px; }
.t5 { padding-top:5px; }
.b5 { padding-top:5px; }
.t10 { padding-top:10px; }
.b10 { padding-bottom:10px; }
.t20 { padding-top:20px; }
.b20 { padding-bottom:20px; }
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w100 { width:100px; }
.w100p { width:100%; }
.w150 { width:150px; }
.w200 { width:200px; }
.w300 { width:300px; }
.w400 { width:400px; }
.padr { margin-right: 10px; }
.clear { clear:both; }
.red { color: #CC0000; }
.small { font-size: .8em }
.huge { font-size: 2.25em; }
.hide { display:none; }
.string { color: green; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: darkblue; }
.ctr { text-align: center; }
.hand { cursor: pointer; }
.linktext { color: #0033aa; }
.redtext { color: #CC0000; }
.gap20 { padding-right: 20px; }
.errors { color:red; }
.alwayswrap { word-break: break-all }

.mycontainer {
    margin:10px;
}

.hrvGraphFrame {
    margin-top:30px;
    padding:10px;
}
#hrvGraph {
    width:100%;
    height:220px;
}

.dygraph-legend {
    margin-top:-20px;
    width:100% !important;
    text-align:right;
}

/** bootstrap overrides **/
.card {
    border-radius: 0.7rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #ffffff;
}

.card-body {
    padding: 0 !important;
}

.nav-link.active { color: #c00; }

.logout_text {
    float: right;
    width: 100%;
    margin-right: 20px;
    color:#fff;
    text-decoration:none;
}
/* smaller text in table */
.table-condensed{
    font-size: 13px;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order {
    right: 1px !important;
}

.dropdown-item.active {
    background-color:#bbbbbb;
}

.form-label { margin: .5rem 0 0 0; }

div.dt-container select.dt-input { margin-right:5px; }
table.dataTable>thead>tr>th, table.dataTable>tbody>tr>td { padding: 3px; font-size: .8em; }