:root {
    --light-blue: #487ecf;
	--bright-color: #0063B2;
    --rg-fs: 0.9rem;
    --sm-title-fs: 1rem;
    --md-title-fs: 1.15rem;
    --lg-title-fs: 1.5rem;
}

/* View Details Modal */
/* Main section */
.card-main .card-body .card-title:not(:first-child),
.tdr-brief-card .card-main-title {
    /* color: #4882cf; */
    color: var(--light-blue);
    font-weight: 600;
}

.card-subtitle {
    font-weight: 500;
}

.card-main-title,
.card-main-date {
    font-size: var(--md-title-fs);
}

.card-main-location {
    font-size: var(--sm-title-fs);
}

.card-main-fee {
    font-size: var(--lg-title-fs);
}

/* Card Info */
.card-info-container {
    height: 100%;
}

.card-body {
    flex-grow: 1;
}

.card-body .pseudo-table {
    border: 1px solid #dee2e6;
    vertical-align: top;
    font-size: var(--rg-fs);
}

.row + .row {
    border-top: 0;
}

.card-body .pseudo-table .col-sm-4 {
    background-color: var(--light-color);
    font-weight: 500;
}

/* .card-info table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
}

.card-info th,
.card-info td {
    padding: 10px;
    text-align: left;
    vertical-align: top;
    word-wrap: break-word;
    font-size: var(--rg-fs);
}

.card-info th {
    background-color: var(--lighter-color);
    font-weight: 500;
} */

/* Tender Brief */
.tdr-brief-card {
    background-color: var(--light-color);
}

/* Bottom section */
.card-admin p {
    font-weight: 500;
    font-size: var(--rg-fs);
}

/* Button */
.btn-primary {
    background-color: var(--bright-color) !important;
}

@media (min-width:1400px) {
    :root {
        --rg-fs: 1.1rem;
        --sm-title-fs: 1.2rem;
        --md-title-fs: 1.3rem;
        --lg-title-fs: 2rem;
    }
}

@media (min-width:576px) {
    .card-body .pseudo-table .col-sm-4 {
        border-right: 1px solid #dee2e6;
    }

    .modal-xl {
        max-width: 90% !important;
    }
}

@media (max-width:576px) {
    :root {
        --rg-fs: 0.8rem;
        --md-title-fs: 1.05rem;
        --lg-title-fs: 1.2rem;
    }
}


/* Submit EOI Modal */
.success-img img {
    max-width: 80px;
    max-height: 80px;
    width: auto;
    height: auto;
}

.box {
    align-items: start;
    text-align: start;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 15px;
}

/* Previously Submitted EOI Modal */
.submitted-img img {
    width: 150px;
}

.modal-m
{
	max-width:500px;
}