html,
body {
    height: 100%;
    margin: 0;
}

/* header {
    background-color: #0064A0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    padding: 10px 0;
} */
.main-nav {
    display: flex;
    color: white;
    border-radius: 3px;
    padding: 1em;
    font-family: sans-serif;
  }
  .main-nav > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex: 3;
  }
  .main-nav li {
    margin-right: 1em;
  }
  .main-nav > form {
    display: flex;
    justify-content: flex-end;
    flex: 1;
  }
  .main-nav input {
    flex: 1;
    border-radius: 1em;
  }
  .main-nav button {
    border: 0;
    border-radius: 1em;
    color: white;
    padding: 0 1em;
    margin-left: .3em;
  }
#content {
    flex: 1 0 auto;
}

footer {
    flex-shrink: 0;
}

.wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 0px;
    /* Add some padding for better appearance on smaller screens */
}

.info-box {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.info-grid {
    border-radius: 5px;
    font-size: x-small;
    text-align: right;
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 10px;
}

.info-box p {
    margin: 0;
}

.info-box .label {
    text-align: right;
}

.info-box .value {
    text-align: right;
}

/* Additional responsive styles can be added here if needed */
@media (max-width: 1024px) {
    .wrapper {
        padding: 0 10px;
        /* Adjust padding for smaller screens */
    }
}

/* lambda-m-web.css */

/* Override Bootstrap's bg-primary color */
.bg-primary {
    background-color: #0064A0 !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's text-primary color */
.text-primary {
    color: #FFFFFF !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's bg-secondary color */
.bg-secondary {
    background-color: #6C757D !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's text-secondary color */
.text-secondary {
    color: #6C757D !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's bg-success color */
.bg-success {
    background-color: #28A745 !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's text-success color */
.text-success {
    color: #28A745 !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's bg-danger color */
.bg-danger {
    background-color: #DC3545 !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's text-danger color */
.text-danger {
    color: #DC3545 !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's bg-warning color */
.bg-warning {
    background-color: #FFC107 !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's text-warning color */
.text-warning {
    color: #FFC107 !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's bg-info color */
.bg-info {
    background-color: #17A2B8 !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's text-info color */
.text-info {
    color: #17A2B8 !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's bg-light color */
.bg-light {
    background-color: #A7E1FF !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's text-light color */
.text-light {
    color: #F8F9FA !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's bg-dark color */
.bg-dark {
    background-color: #343A40 !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's text-dark color */
.text-dark {
    color: #343A40 !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's bg-white color */
.bg-white {
    background-color: #FFFFFF !important;
    /* Replace with your desired color */
}

/* Override Bootstrap's text-white color */
.text-white {
    color: #FFFFFF !important;
    /* Replace with your desired color */
}