@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("/static/PlusJakartaSans-Regular.ttf");
}

@font-face {
    font-family: "Roboto Mono";
    src: url("/static/RobotoMono-VariableFont_wght.ttf");
}

#page-content {
    padding-top: 8rem;
}

.navbar {
    background-color: rgb(245, 240, 241);
}


.btn-grid-action {
    width: 85px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: small;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

.table-compact td,
.table-compact th {
    padding: 0.4rem;
    font-size: 0.85rem;
}

table th,
table td {
    vertical-align: middle;
}

/* Numeric columns use Roboto Mono for alignment */
.numeric {
    font-family: 'Roboto Mono', monospace;
    text-align: right;
}

.bold-text {
    font-weight: bold;
}

thead th {
    background: #e9ecef;
}

.btn-modal {
    width: 150px;
    /* Example size, adjust as needed */
    height: 35px;
    /* Example size, adjust as needed */
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.btn-lg-modal {
    width: 200px;
    /* 1.5 times btn-modal width */
    height: 35px;
    /* 1.5 times btn-modal height */
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.dialog {
    padding-top: 3rem;
}

.btn-table {
    width: 6rem;
}



.dialog-btn-group {
    padding-top: 2rem;
    text-align: right;
}

.mandatory,
.asteriskField,
strong {
    color: rgb(163, 97, 0);
    font-weight: bold;
}

body {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: normal;
    font-style: normal;
}

/* Override primary button color */
.btn-primary {
    background-color: rgb(163, 97, 0) !important;
    /* Your custom color */
    border-color: rgb(163, 97, 0) !important;
    /* Adjust as needed */
}

.btn-primary:hover {
    background-color: rgb(255, 153, 1) !important;
    /* Your custom color */
    border-color: rgb(255, 153, 1) !important;
    /* Adjust as needed */
}

.orange {
    color: rgb(163, 97, 0);
}

.error-row {
    background-color: rgb(255, 230, 204);
    font-style: italic;
    color: rgb(163, 97, 0);
}

.dark-orange {
    background-color: rgb(163, 97, 0);
}

.light-orange {
    background-color: rgb(245, 240, 241);
}

.green {
    color: rgb(0, 123, 0);
}

/* Remove spin arrows from number input */
/* Chrome, Safari, Edge, Opera */
/* Remove number input arrows */
.form-control::-webkit-inner-spin-button,
.form-control::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.form-control[type=number] {
    -moz-appearance: textfield;
}

.login-bg {
    height: 100%;
    background-image: url("/static/newdoor.webp");
    background-size: cover;
    background-position: center;
}

.login-dialog {
    width: 50%;
    max-width: 550px;
}

.no-debounce {}