@font-face {
    font-family: 'Catamaran';
    src: url('/fonts/Catamaran/Catamaran-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Catamaran';
    src: url('/fonts/Catamaran/Catamaran-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


html {
}

body {
    font-size: 14px;
    font-family: 'Catamaran', sans-serif
}

main {
    /* margin-bottom: 10rem; */
}


@media (min-width: 768px) {
    body {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

header {
    width: 100%;
    max-width: 100%;
    background-color: #041e42;
    border-top: 1rem solid red;
    padding-top: 1rem;
}

h1.cardHeader {
    font-size: 1.1rem;
}

a.navbar-brand {
    color: white;
}

.navbar-custom {
}

.dropdown-menu li {
    position: relative;
}

ul.navbar-nav > li.nav-item {
    margin: 0 1rem 0 1rem;
}

    ul.navbar-nav > li.nav-item > a.nav-link {
        color: white;
        margin: 0 1rem 0 1rem;
    }

        ul.navbar-nav > li.nav-item > a.navlink:hover, ul.navbar-nav > li.nav-item > a.nav-link:focus {
            color: #DDD;
        }

.dropdown-menu > li > a {
    color: black;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

footer .footer-line {
    min-height: 1rem;
    background-color: #c8102e;
}

footer .footer-info {
    background-color: #041e42;
    color: white;
}

footer {
    bottom: 0;
    width: 100%;
}

.button-1 {
    background-color: #041e42;
    color: white;
}

    .button-1:hover, .button-1:focus {
        background-color: #020c1a;
        color: white;
    }

.button-2 {
    background-color: #DD0000;
    color: white;
}

    .button-2:hover, .button-2:focus {
        background-color: #660000;
        color: white;
    }

.standard-bg {
    background-color: #041e42;
    color: white;
}

.card {
    font-size: 1.1rem;
}

table tr td,
table tr th {
    border: 1px solid gray;
}

.dbf-button {
    font-size: 1.1rem;
    background-color: #041e42;
    color: white;
}

.dbf-icon {
    width: 60px;
    height: 60px;
    line-height: 73px;
    background-color: #041e42;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
    color: white;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: #041e42;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.nav-pills .nav-link:focus, .nav-pills .nav-link:hover {
    background-color: #AAA;
    color: #041e42;
}

.nav-pills .nav-link.active {
    background-color: #041e42;
    color: white;
}

.field-validation-error {
    color: red;
    font-size: .8em;
}

.legal-text {
    font-size: .85rem;
}

.form-control, .form-select {
    border: 1px solid black;
}

.modal-dialog {
    max-height: 90vh;
    overflow-y: auto;
}


.fullsize {
    display: none; /* Hide the full-size image initially */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

    .fullsize img {
        max-width: 100%;
        max-height: 100%;
    }

.thumbnail {
    cursor: pointer;
    width: 25%;
    max-width: 25%; /* Adjust this to your desired thumbnail size */
}

.tabulator .tabulator-footer {
    background-color: #041e42;
    color: white;
}
.tabulator .tabulator-footer .tabulator-page{    
    background-color: white;
    color: black;
}