$primary: rgb(0, 80, 160);
$modal-header-padding-y: 8px;
$list-group-bg: none;
$dropdown-font-size: 10.5pt;
$navbar-brand-font-size: 0.8;
$input-bg: var(--bs-body-bg);

@import "bootstrap/scss/bootstrap";

body {
    line-height: 1.5 var(--bs-body-line-height);
    transition: background 0.2s linear;
}

a {
    text-decoration: none !important; /* use !important to remove underline in btn-link */
}

.date {
    font-family: Arial, Helvetica, sans-serif;
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active,
select {
    outline: 0px !important;
    box-shadow: none !important;
}

.form-control:disabled,
.form-select:disabled {
    background-color: initial !important;
}

.list-group-item.disabled a {
    color: #999;
}

.btn.btn-tiny {
    padding: 0.12rem 0.5rem;
    font-size: 0.75em;
}

td.ident {
    font-family: "Courier New", Courier, monospace;
}

.list-heading {
    font-size: 10pt;
    .btn-group {
        vertical-align: none !important;
    }
}

em {
    color: $danger;
    font-style: normal;
}

.modal {
    .modal-header {
        padding: 8px 16px;
        .modal-title {
            font-size: 12pt !important;
        }
        button {
            font-size: 10.5pt;
        }
        * {
            font-size: 14pt;
        }
    }
    .modal-body {
        font-size: 10.5pt !important;
    }
    .modal-footer {
        padding: 5px 10px;
    }
}
.modal-open {
    /* Prevent BODY from scrolling when a modal is opened */
    overflow: hidden;
}