@font-face {
    font-family: 'IberPangea';
    src: url('../fonts/IberPangeaVAR.woff2') format('woff2');
}

:root {
    --bs-border-color: #6b6b6b; /* Replace bootstrap border color variable */
}

body {
    font-family: 'IberPangea';
}

html {
    font-size: 14px;
}

main {
    height: calc(100% - 65px) !important;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}
.spencerport-logo {
    background-image: url('../images/spencerport-logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}
.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;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

.header-container {
    /*remove the container default padding attribute*/
    padding-left: 10px !important;
    padding-right: 10px !important;
    /*increase width as per your need*/
    max-width: 100%;
}

.body-container {
    /*remove the container default padding attribute*/
    padding-left: 20px !important;
    padding-right: 20px !important;
    /*increase width as per your need*/
    max-width: 100%;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
    font-size: 1.5rem;
    min-width: 80px;
}

a {
    color: #33B75C;
    /*color: #0077cc;*/
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.index-container {
    display: flex;
    position: absolute;
    height: calc(100% - 100px);
    width: calc(100% - 40px);
    z-index: 9;
    background: white;
}

.tab-content {
    max-height: 85vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.top-status-message {
    background-color: #4caf50;
    color: white;
    font-size: 16px;
    font-weight: 500;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.75s ease, visibility 0.75s ease, height 0.5s ease;
    height: 40px;
    padding: 8px;
}

    .top-status-message.hidden {
        opacity: 0;
        height: 0;
        visibility: hidden;
        padding: 0;
        /*transition: opacity 0.75s ease, height 0.5s ease;*/
    }

.waiting-div {
    display: flex;
    position: absolute;
    height: calc(100% - 100px);
    width: calc(100% - 40px);
    z-index: 10;
    background: white;
}

    .waiting-div svg, .waiting-div img {
        width: 400px;
        height: 400px;
        display: inline-block;
        margin: auto;
    }

.gpd-striped-table tbody tr.striped {
    background-color: #f2f2f2;
}

.gpd-striped-table tbody tr:not(.striped) {
    background-color: white;
}

.green-background {
    background-color: #00a443 !important;
}

.hidden {
    display: none;
}

.table-hide-until-rendered {
    visibility: hidden;
}

.form-check-input {
    border-color: #6c757d !important; /* Darker grey border (or use any hex color) */
    border-width: 1.5px; /* Optional: makes the border slightly thicker */
}

    .form-check-input:checked {
        background-color: #0d6efd; /* Change checked fill color */
        border-color: #0a58ca; /* Darker border when checked */
    }

    .form-check-input:focus {
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); /* Focus outline */
    }

input[readonly] {
    background-color: #dfdfdf;
}

.is-edited:not([type="checkbox"]) {
    background-color: #fffde7 !important; /* Soft yellow tint */
    /*border-color: #fbc02d !important;*/ /* Yellow border */
    /*background-color: #fffde7 !important;*/ /* Soft yellow tint */
    /*box-shado*/ w: 0 0 5px rgba(251, 192, 45, 0.5);
}

.is-edited {
    border-color: #ff5e00d9 !important; /* Yellow border */
    border-width: 2px;
    box-shadow: 0 0 12px #ff5e00d9;
}
/* Hide resize option on all textarea controls */
textarea.form-control {
    resize: none;
}

.side-padding-50 {
    padding: 0 50px;
}
.form-label {
    margin-bottom: .25rem;
    font-size: 14px;
}