html {
    min-height: 100%; /* Look, it's not fixed anymore! */

    display: flex;
    flex-direction: column;
}

body {
    flex-grow: 1;
    min-width: 1366px !important;
    -webkit-print-color-adjust: exact !important;
}

.bg-primary-1 {
    background-color: #005789;
    color: #ffffff;
}

.bg-primary-2 {
    background-color: #008ccc;
    color: #000000;
}

.bg-primary-3 {
    background-color: #495965;
    color: #ffffff;
}

.bg-secondary-1 {
    background-color: #dfe1df;
    color: #000000;
}

.bg-secondary-2 {
    background-color: #003660;
    color: #ffffff;
}

.bg-secondary-3 {
    background-color: #10253f;
    color: #ffffff;
}

.bg-transparent {
    background-color: transparent;
}

.colour-primary-1 {
    color: #005789;
}


.colour-primary-2 {
    color: #008ccc;
}

.colour-primary-3 {
    color: #495965;
}

.colour-secondary-1 {
    color: #dfe1df;
}

.colour-secondary-2 {
    color: #003660;
}

.colour-secondary-3 {
    color: #10253f;
}

.colour-white {
    color: #ffffff;
}

.font-size-1 {
    font-size: 1em;
}

.font-size-2 {
    font-size: 1.1em;
}

.font-size-3 {
    font-size: 1.2em;
}

.font-size-4 {
    font-size: 1.3em;
}

.mud-expand-panel-header {
    background-color: #005789;
    color: #ffffff;
}

.mud-expand-panel-content {
    padding-top: 15px !important;
}


.page {
    min-height: 85vmin;
    background-size: cover;
    background-position: center right;
    background: no-repeat;
    padding-left: 100px;
    padding-right: 100px;
    margin-top: 10px;
}

button.bg-primary-2:hover {
    color: #ffffff !important;
    background-color: #005789;
}

button.bg-secondary-1:hover {
    background-color: #495965;
    color: #ffffff;
}

.mud-button-label {
    width: 100% !important;
}

.mud-tabs-toolbar {
    background-color: transparent !important;
}

.mud-tab {
    font-size: 1.4em !important;
}

    .mud-tab.mud-tab-active {
        color: #008ccc;
    }

.search-button {
    padding: 11px !important;
    margin-top: -4px;
    background-color: #008ccc;
    color: #000000;
}

    .search-button:hover {
        background-color: #005789;
        color: #ffffff;
    }

.mud-button-filled:disabled {
    background-color: #495965 !important;
    color: #ffffff !important;
}

.mud-button-filled:disabled {
    cursor: not-allowed !important;
}

.keep-bg-secondary-1:focus-visible {
    background-color: #dfe1df !important;
    color: #000000 !important;
}

.keep-bg-primary-1:focus-visible {
    background-color: #005789;
    color: #ffffff;
}

.search-textbox {
    padding: 10px;
    width: 80%;
    border-radius: 4px;
}

.mud-card-search-results-1 {
    background-color: transparent;
    color: #ffffff;
    border: 1px solid white;
}

.bg-warning {
    background-color: #cc0000;
    color: #ffffff;
}

.bg-clear {
    background: #339900;
    color: #000000;
}

.bg-caution {
    background-color: orange;
    color: black;
}

.message-card {
    text-align: center;
    background-color: white;
    color: black;
    margin-bottom: 5px;
}

.description-col {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.print {
    display: none;
}

@media print {

    .page-break {
        page-break-before: always;
    }

    .page-break-maybe {
        page-break-before: auto;
    }

    table {
        page-break-after: auto
    }

    

    tr, tbody, thead {
        page-break-inside: avoid;
    }


    .page, .mud-appbar {
        display: none;
    }

    .print {
        display: block;
        color: black;
        width: 21cm;
        height: 29.7cm
    }

    .section {
        height: 28.7cm;
    }

    footer {
        background: white !important;
        color: black !important;
        margin-top: 10px !important;
        border-top: 1px solid gray !important;
        width: 100% !important;
        padding-top: 10px !important;
    }

    .bg-primary-1 {
        background-color: #005789;
        color: #ffffff;
    }

    .bg-primary-2 {
        background-color: #008ccc;
        color: #000000;
    }

    .bg-primary-3 {
        background-color: #495965;
        color: #ffffff;
    }

    .bg-secondary-1 {
        background-color: #dfe1df;
        color: #000000;
    }

    .bg-secondary-2 {
        background-color: #003660;
        color: #ffffff;
    }

    .bg-secondary-3 {
        background-color: #10253f;
        color: #ffffff;
    }

    .bg-transparent {
        background-color: transparent;
    }

    .colour-primary-1 {
        color: #005789;
    }


    .colour-primary-2 {
        color: #008ccc;
    }

    .colour-primary-3 {
        color: #495965;
    }

    .colour-secondary-1 {
        color: #dfe1df;
    }

    .colour-secondary-2 {
        color: #003660;
    }

    .colour-secondary-3 {
        color: #10253f;
    }

    div.table1 {
        width: 475px;
        padding: 5px
    }

    span.table1 {
        width: 150px; 
        display: inline-block;
        padding: 5px
    }

    .print-box {
        border: solid black 1px;
        border-radius: 5px;
        padding: 5px;
    }

    .print-bold {
        font-weight: bold;
    }
        .print-bold.font-size-3 {
            padding-bottom: 10px;
}

    table {
        border-collapse: collapse;
        border-radius: 5px;
    }

    th { 
        font-weight: bold;

    }

    td, th {
         padding: 2px; border:1px solid gray
    }
}