.main-content {
    background-color: white;
}

.pcghome-div {
    background-color: white;
    border: 1px solid #112e51;
}

.pcghome-div-no-x {
    background-color: white;
    border: 1px solid #112e51;
}

.pcghome-div-long {
    border: 4px solid #112e51;
}

.pcgtraining-div-no-x {
    border: 2px solid #112e51;
}


/* Change background to not inherit ui-widget's background (causing large block of off-blue to appear) */
#sitemapMenu ul.level2, #sitemapMenu ul.level3 {
    background: none repeat scroll 0 0 #112e51;
}

#sitemapMenu ul li a:hover {
    background: url("images/main_nav_hover.jpg");
}

.ui-dialog .ui-dialog-title {
    color: inherit;
}

#HeaderBanner {
    color: #112e51;
}

/* for footer bottom borders*/
table.ui-styled-table td {
    border-bottom-width: 1px !important;
}

.ui-state-success, .ui-widget-content .ui-state-success {
    border: 1px solid #ffffff;
    background: #1B610F;
    color: #ffffff;
}

.ui-state-error, .ui-widget-content .ui-state-error {
    border: 1px solid #cd2026;
    background: #cd2026;
    color: #ffffff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    border: 1px solid #cd2026;
    background: #ffffff;
    color: #cd2026;
}
/* Outer wrapper for the whole section */
.service-log-wrapper {
    border: 2px solid #1d3d5f; /* navy border */
    padding: 20px;
    border-radius: 8px;
    background-color: #f7faff; /* light background */
    margin: 20px 0;
}

/* Grid layout inside the wrapper */
.service-log-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 20px;
    grid-column-gap: 30px;
}

/* Remove individual borders from fields */
.service-log-field {
    padding: 5px;
}

    /* Label styling */
    .service-log-field label {
        display: block;
        font-weight: 600;
        background-color: var(--accessibleNavyBlueBG, #112e51);
        color: #ffffff;
        padding: 6px 10px;
        border-radius: 4px;
        margin-bottom: 8px;
        font-size: 14px;
    }

    /* Value textbox styling */
    .service-log-field input[type="text"],
    .service-log-field textarea,
    .service-log-field select {
        width: 100%;
        background-color: var(--accessibleWhiteBG, #ffffff);
        border: 1px solid #aeb7c6;
        color: #000000;
        padding: 6px 8px;
        border-radius: 4px;
        font-size: 14px;
    }
.accessibleNavyBlueBG {
    background-color: #112e51;
    border-color: #112e51 !important;
    color: #ffffff;
}

.accessibleWhiteBG {
    background-color: #ffffff;
    color: #000000;
}
.small-textbox {
    width: 120px !important; /* Adjust as needed */
}
.participant-panel {
    border: 1px solid #ccc;
    margin: 10px 0;
    padding: 10px;
    border-radius: 6px;
}

.participant-header {
    font-weight: bold;
    margin-bottom: 8px;
}

.service-log-table {
    width: 100%;
    border-collapse: collapse;
}

    .service-log-table th, .service-log-table td {
        border: 1px solid #ddd;
        padding: 6px;
        text-align: left;
    }

.subtotal-row {
    font-weight: bold;
    background: #f7f7f7;
}

.error {
    color: red;
    margin: 10px 0;
}