body {
    font-family: arial !important;
}

/** nav bar **/
p.font {
    margin-top: 80px;
    line-height: 1.3em;
    color: #05232f;
    font-size: 85%;
    font-weight: bold;
}

p.font-on {
    margin-top: 80px;
    line-height: 1.3em;
    color: #ffffff;
    background-color: #05232f;
    font-size: 85%;
    font-weight: bold;
}

.applications-off,
.enquiries-off,
.inbox-off,
.vehicle-off,
.admin-off,
.rover-off,
.reg-off,
.on-state-app,
.on-state-db,
.on-state-inb,
.on-state-veh,
.on-state-admin,
.on-state-reg,
.on-state-rover {
    background-repeat: no-repeat;
    width: 118px
}

.nav,
li.applications-off,
li.inbox-off,
li.vehicle-off,
li.admin-off,
li.rover-off,
li.reg-off,
li.on-state-app,
li.on-state-db,
li.on-state-inb,
li.on-state-veh,
li.on-state-admin,
li.on-state-reg,
li.on-state-rover {
    padding: 0;
    margin: 0;
    height: 112px
}

.menu-ul a:focus {
    outline: #00C0ED solid 3px;
}

.custom-nav {
    display: grid;
    place-content: center;
    place-items: center;
    background-color: #e3ebee;
}

.menu-ul {
    padding-left: 10px;
    margin-top: 0px;
}

.menu-li {
    float: left;
    list-style-type: none;
    display: inline-block;
    text-align: center;
    font-size: .95rem;
    font-weight: bold;
}

.on-state-db {
    background-image: url("db-on.png");
    background-color: #05232f;
    background-size: contain;
}


.on-state-inb {
    background-image: url("inb-on.png");
    background-color: #05232f;
    background-size: contain;
}

.on-state-veh {
    background-image: url("vehicle-on.png");
    background-color: #05232f;
    background-size: contain;
}

.on-state-reg {
    background-image: url("registry-on.png");
    background-color: #05232f;
    background-size: contain;
}

.on-state-app {
    background-image: url("app-on.png");
    background-color: #05232f;
    background-size: contain;
}

.on-state-admin {
    background-image: url("admin-on.png");
    background-color: #05232f;
    background-size: contain
}

.on-state-rover {
    background-image: url("rover-on.png");
    background-color: #05232f;
    background-size: contain
}

.db-off {
    background-image: url("db-off.png");
    color: #00425c;
    background-size: contain;
    height: 112px;
    width: 118px
}

    .db-off:hover {
        background: url("db-hover.png") top;
        color: #519b99;
        text-decoration: underline;
        background-size: contain
    }

.inbox-off {
    background-image: url("inbox-off.png");
    color: #00425c;
    background-size: contain
}

    .inbox-off:hover {
        background: url("inbox-hover.png") top;
        color: #519b99;
        text-decoration: underline;
        background-size: contain
    }

.vehicle-off {
    background-image: url("vehicle-off.png");
    color: #00425c;
}

    .vehicle-off:hover {
        background: url("vehicle-hover.png") top;
        color: #519b99;
        text-decoration: underline;
        background-size: contain
    }

.reg-off {
    background-image: url("registry-off.png");
    color: #00425c;
}

    .reg-off:hover {
        background: url("registry-hover.png") top;
        color: #519b99;
        text-decoration: underline;
        background-size: contain
    }

.applications-off {
    background-image: url("applications-off.png");
    background-size: contain;
    color: #00425c
}

    .applications-off:hover {
        background: url("applications-hover.png") top;
        background-size: contain;
        color: #519b99;
        text-decoration: underline;
    }

.admin-off {
    background-image: url("admin-off.png");
    background-size: contain;
    color: #00425c
}

    .admin-off:hover {
        background: url("admin-hover.png") top;
        background-size: contain;
        color: #519b99;
        text-decoration: underline;
    }

.rover-off {
    background-image: url("rover-off.png");
    background-size: contain;
    color: #00425c
}

    .rover-off:hover {
        background: url("rover-hover.png") top;
        background-size: contain;
        color: #519b99;
        text-decoration: underline;
    }


input:checkbox {
    font-weight: normal;
}


/** button **/
.btn-primary {
    background-color: #0d6886 !important;
    border-color: #0d6886 !important;
    color: #ffffff !important;
    height: 40px !important;
    text-align: center !important;
    font-weight: normal !important;
}


.btn-secondary {
    background-color: #ffffff !important;
    border-color: #0d6886 !important;
    color: #0d6886 !important;
    height: 40px !important;
    text-align: center !important;
    font-weight: normal !important;
}

/** mandatory field **/
.required {
    color: rgb(201, 4, 4);
    font-style: italic;
    font-weight: bold;
}


.hidden {
    display: none;
}

/*** hr tag **/
.hr {
    margin-top: -1px;
    border-bottom: 1px solid lightgray;
    margin-bottom: 20px;
}

/** Page header **/
.header-banner {
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: right
}

.header-profile {
    padding-right: 20px;
    padding-top: 70px;
    text-align: right;
}

/** Page footer **/
.footer-column {
    background-color: #05232f;
    color: white;
    margin: 0;
    padding: 0;
}

.footer-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #05232f;
    text-align: left;
}

.footer-li {
    padding-bottom: 5px;
}


    .footer-li a {
        color: #ffffff !important;
        text-decoration: underline !important;
    }

        .footer-li a:hover {
            color: #ffffff !important;
            text-decoration: none !important;
        }

.footer-background {
    background-image: url('/footer-bg-right.png');
    background-repeat: no-repeat;
    height: 400px;
}

.footer-button {
    padding: 10px 15px 10px 15px;
    border: solid 1px #ffffff;
    background-color: #05232f;
    color: #ffffff;
    border-radius: 3px;
    border: 3px solid #ffffff;
}

    .footer-button:hover {
        background-color: #ffffff;
        color: #05232f
    }


.footer-text {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff
}



/** Entity list grid **/
.entitylist-th {
    background-color: #00425c !important;
    color: #ffff !important;
    font-weight: normal !important;
}

.entitylist {
    padding: none !important;
    border: 1px solid lightgrey !important;
}

.entity-grid,
.entitylist {
    border: none !important;
}

.entitylist-filter-option-group-label {
    margin: 5px 0 5px 5px;
    font-size: small
}

.entitylist-download,
.btn,
.btn-info,
.float-end,
.action {
}

.view-select,
.nav,
.nav-pills,
.float-start {
    height: 40px;
}

.view-grid table {
    width: 100%;
    border: none !important;
    border: 1px solid lightgrey
}

    .view-grid table thead,
    .view-grid table tr {
        border: 1px solid lightgrey;
    }


.view-grid,
.table-responsive .has-pagination {
    border: none
}

    .view-grid table th,
    .view-grid table th a {
        text-align: left;
        background-color: #00425c;
        color: white;
    }

.view-toolbar,
.grid-actions,
.clearfix {
    border: none;
}

/** Entity list filter text **/
.list-inline-item {
    text-align: left;
}

/** Grid pagination **/
.page-link {
    color: #0d6886;
}

/** Form page action button **/
.actions {
    border: none;
    text-align: center
}



/** inpage-nav **/
ul.inpage-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li.inpage-nav-default {
    background-color: #ffffff;
    border-left: .25rem solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}


li.inpage-nav-success {
    background-color: #ddede5;
    border-left: .25rem solid #198754;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    background-image: url("inpage-nav-success.png");
    background-repeat: no-repeat;
    background-position: 325px;
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

li.inpage-nav-current {
    background-color: #e3ebee;
    border-left: .25rem solid #05232f;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    background-image: url("inpage-nav-current.png");
    background-repeat: no-repeat;
    background-position: 325px;
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Breadcrumbs */
.breadcrumb {
    margin: 0;
    padding: 0;
}

.breadcrumb-item {
    font-weight: normal !important;
}

    .breadcrumb-item a {
        font-weight: normal !important;
        color: #0d6886 !important;
        font-size: 16px !important;
    }

/* Empty tab space */
.tab {
    display: inline-block;
    margin-left: 10em;
}

.custom_tooltip {
    font-weight: normal;
    font-size: 14px;
}

/* Disabled readonly controls */
input[type="text"]:disabled {
    background-color: #e9ecef !important;
    color: #000000;
    cursor: not-allowed;
    border: 1px solid #c0c0c0;
}

input[type="email"]:disabled {
    background-color: #e9ecef !important;
    color: #000000;
    cursor: not-allowed;
    border: 1px solid #c0c0c0;
}

input[type="tel"]:disabled {
    background-color: #e9ecef !important;
    color: #000000;
    cursor: not-allowed;
    border: 1px solid #c0c0c0;
}

input[type="checkbox"]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: #e0e0e0;
    border-color: #cccccc;
}

    input[type="checkbox"]:disabled:checked {
        background-color: #000000;
        color: #ffffff;
    }
button:disabled,
input[type="button"]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: #cccccc;
    color: #666666;
    border: 1px solid #999999;
}

.bold-heading, H1, H2 {
    font-weight: 700
}

#unit-holdings,
#unit-holdings-submitted,
#unit-holdings-with-table-01,
#select-unit-holdings,
.select-unit-holdings.unit-holdings-table {
    border-radius: 5px;
    background-color: #e3ebee;
    padding: 10px 25px;
    width: auto;
    height: auto
}

.bold-heading {
    font-size: 1.125rem
}

.norm-txt {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25rem
}

.flt-right-bold, .nua {
    font-size: 1.125rem;
    font-weight: 700
}

.nua {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 15px 0
}

.flt-right {
    float: right
}

.flt-right-bold {
    float: right;
    padding: 20px 0;
    width: auto
}

.pad, table th, tr {
    padding: 20px
}

.highlight-row > td {
    background-color: #f6f6f6 !important; 
}

/* Container (aligns buttons to the right and spaces them consistently) */
.actions {
    display: flex;
    justify-content: flex-end; /* right align */
    align-items: center;
    gap: 20px; /* replaces inline margin-left */
    width: 100%;
}

.actions--right {
    text-align: right; /* harmless fallback for older layouts */
}

.actions--spaced {
    margin-top: 20px;
}