nav a.page-link {
    line-height: unset;
}

dialog {
    z-index: 999;
}

form input[type=text], input[type=email], input[type=number], input[type=password], input[type=phone] {
    height: unset !important;
    font-size: unset !important;
}

.btn-primary {
  --bs-btn-bg: var(--deep-blue-color);
}

.btn-info {
  --bs-btn-bg: var(--green-color);
}

.modal-footer {
    background-color: var(--light-gray-color);
}
.modal-header {
    background-color: var(--light-gray-color);
}
/* from app.css */
:root {
    --light-gray-color: #f3eee5;
    --dark-gray-color: #d4d4d4;
    --text-gray-color: #2b2c2d;
    --deep-blue-color: #0000ab;
    --green-color: #01d8b9;
    --header-gray: #707070;
}

.title {
    margin: 0;
    color: var(--deep-blue-color);
}
.odd {
    padding: 1rem;
}
.even {
    padding: 1rem;
    background-color: #fff;
}

.req {
    color: red;
    margin: 0 .4rem;
}

.description {
    padding-bottom: 2rem;
}
.description p {
    margin: .2rem;
    font-weight: 700;
}

.card {
    background-color: var(--light-gray-color);
}