﻿body {
    margin: 0;
    padding: 0;
    background-color:#757575;
}

footer {
}

.print-only {
    display: none;
}

.error {
    color: #CA8484 !important;
    border-color: #CA8484 !important;
}

.valid {
    font-size: 9pt;
    color: #cc0000 !important;
    font-weight: bold;
    font-style: italic;
}

.msg {
    font-size: 9pt;
    color: #4779AA !important;
    font-weight: bold;
    font-style: italic;
}

.btn {
    /*min-width:100px;*/
}


a {
    color: #325D88;
    text-decoration:none;
}

    a:visited {
        color: #325D88;
        text-decoration: none;
    }

a:hover {
    color: #4A84BD;
    text-decoration: none;
}

.dhc-red {
    color: #ED1C24;
}

div.form-check {
    padding-left:0;
}



.buxjr-cbl span {
    white-space: nowrap;
}

.buxjr-cbl td {
    white-space: nowrap;
}

.buxjr-cbl input {
    margin-right: 6px;
}

.buxjr-cbl label {
    color: #3E3F3A;
    white-space:nowrap;
}

.buxjr-cbl-red label {
    color: #ED1C24;
}

.buxjr-rbl input {
    margin:0 4px 0 12px;
}


.buxjr-banner {
    background-image:url(../graffix/dhc_bax.png);
    background-position: center center;
    background-size:cover;
    height:200px;
}


.navbar {
    background-color:#fff;
    border-bottom:solid 1px #dcdcdc;
}

.nav-link a:link, .nav-link a:visited {
    color: #999 !important;
}

.nav-link a:hover {
    color: #666 !important;
}

.nav-link a.active, .nav-link.active {
    color: #ED1C24 !important;
}

.form-control::-moz-placeholder {
    color: #dcdcdc;
}

.form-control:-ms-input-placeholder {
    color: #dcdcdc;
}

.form-control::-webkit-input-placeholder {
    color: #dcdcdc;
}

.form-control.error::-moz-placeholder {
    color: #CA8484;
}

.form-control.error:-ms-input-placeholder {
    color: #CA8484;
}

.form-control.error::-webkit-input-placeholder {
    color: #CA8484;
}

.radiostyle {
    height: auto;
}

.radiostyle label {
    margin-left: 3px !important;
    margin-right: 10px !important;
}

.form-floating label {
    color:#aaa;
}


/*css to add back colours for badges and make use of the colours*/
.badge {
    padding: 2px 9px;
}

.badge-error {
    background-color: #d9534f !important;
}

    .badge-error:hover {
        background-color: #d9534f !important;
    }

.badge-warning {
    background-color: #f89406 !important;
}

    .badge-warning:hover {
        background-color: #c67605 !important;
    }

.badge-success {
    background-color: #5cb85c !important;
}

    .badge-success:hover {
        background-color: #5cb85c !important;
    }

.badge-info {
    background-color: #3a87ad !important;
}

    .badge-info:hover {
        background-color: #2d6987 !important;
    }

.badge-inverse {
    background-color: #333333 !important;
}

    .badge-inverse:hover {
        background-color: #1a1a1a !important;
    }


.nofocus {
    outline: 0;
}

input[type=text].noclear::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=text].noclear::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input[type="search"].noclear::-webkit-search-decoration,
input[type="search"].noclear::-webkit-search-cancel-button,
input[type="search"].noclear::-webkit-search-results-button,
input[type="search"].noclear::-webkit-search-results-decoration {
    display: none;
}

.navbar-brand {
    padding-top: 5px;
    padding-bottom: 5px;
}

footer p {
    font-size: 8pt;
    color: #aaa;
}

hr {
    height: 1px;
    color: #999;
    border-top: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 20px;
}

.buxjr-nav {
    text-transform: uppercase;
}

.table {
    --bs-table-hover-bg: rgba(45, 76, 102, 0.3);
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    .buxjr-rounded-bottom {
        border-radius: 0 0 15px 15px;
    }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}