p {
    margin-top: 10px;
}

th, strong, b {
    color: #036;
}

a {
    color: #004080;
}

.alert-success strong {
    color: #3c763d;
}

.alert-info strong {
    color: #31708f;
}

.alert-warning strong {
    color: #8a6d3b;
}

.alert-danger strong {
    color: #a94442;
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #036;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff;
    }
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    font-weight: bold;
    color: #036;
}

.nav-tabs.nav-justified>li>a {
    color: #036;
    border-bottom-color: #fff;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #036;
    }
}

.navbar {
    margin-bottom: 5px;
}

.navbar-right-fixed {
    float: right!important;
    margin-right: -15px;
}

.navbar-toggle {
  margin-left: 15px;
}

.navbar-brand>img {
    margin-top: -10px;
}

.content {
    margin-bottom: 50px;
}

.tab-content {
    border-top: 1px solid #fff;
}

@media (min-width: 768px) {
    .tab-content {
        border-right: 1px solid #036;
        border-bottom: 1px solid #036;
        border-left: 1px solid #036;
    }
}

.tab-pane {
  padding: 20px;
}

.account-status {
    margin: 0 40px;
}

.heat-journal {
    margin: 0;
}

.mini-card > img {
    margin: auto;
    display: block;
}

.in-table-cell {
    margin-bottom: 0;
}

.in-table-cell > input {
    padding: 3px 3px;
    height: 28px;
    border: 2px solid #afd9ee;
    text-overflow: ellipsis;
}

.bg-primary-light {
    background-color: #dedfe7;
}

.bg-info-gray {
    background: #E7E7E7;
}

.legends > div {
    width: 60px;
    display: inline-block;
}

.table-header-rotated th.rotate {
    height: 180px;
    text-align: center;
    vertical-align: middle;
    min-width: 85px;
    font-weight: normal;
}

.table-header-rotated th.rotate > div {
    transform: rotate(-90deg);
}

.flash {
    margin: 10px 0;
}

@media screen and (max-width: 767px) {
    .table-header-rotated th.rotate {
        white-space: unset !important;
    }
}