html,
body {
    background-color: #FAFAFA;
}

/* customize navbar */
.navbar-marketing {
    background-color: var(--white) !important;
    border-bottom: 1px solid var(--nt-03) !important;
}

.navbar-marketing .collapse .nav-link {
    color: var(--nt-07) !important;
    transition: all 200ms ease;
}
.navbar-marketing .collapse .nav-link:hover {
    color: var(--secondary) !important;
}

.navbar-marketing.navbar-scrolled {
    background-color: var(--white) !important;
}

.navbar-marketing .navbar-toggler .fa-bars {
    color: var(--nt-11) !important;
}
/* customize navbar - end */

/* Header */
.page-header {
    padding-top: 136px;
    padding-bottom: 32px;
}

.section-tabs .nav-link {
    border-radius: 8px;
    border: 1px solid var(--neutral, #E5E5E5);
    background: var(--white, #FFF);
    padding: 16px 24px;
    color: var(--black);
    text-align: center;
    font-family: var(--font-1);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    width: 140px;
}

.section-tabs .nav-link.active {
    background-color: var(--primary);
    color: var(--white);
}
/* End Header */


/* Filter tender */
#filterTender .card {
    border-radius: 8px;
    border: 1px solid var(--nt-03, #E5E5E5);
    background: var(--white, #FFF);
    box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.10);
}

#filterTender .card .card-body {
    padding: 24px;
}

#filterTender .form-group label {
    color: var(--primary, #06163A);
    text-align: center;
    font-family: var(--font-1);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    margin-bottom: 16px;
}

#filterTender .form-group .form-control {
    border-radius: 8px;
    border: 1px solid var(--nt-03, #E5E5E5);
    background: var(--white, #FFF);

}
/* End Filter Tender */

/* Data Tender */
#dataTender .card {
    border-radius: 8px;
    border: 1px solid var(--nt-03, #E5E5E5);
    background: var(--white, #FFF);
    box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.10);
}

#dataTender .card .card-body {
    padding: 24px;
}

#tenderTable {
    border-radius: 8px;
}

#tenderTable tr th {
    background: var(--nt-01, #FAFAFA);
    color: var(--primary-pr-01, #06163A);
    font-family: var(--font-1);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    border-color: var(--nt-03, #E5E5E5);
}

#tenderTable tr td {
    color: var(--neutral-nt-07, #525252);
    font-family: var(--font-1);
    vertical-align: middle;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}
/* Data Tender */

/* Filter Non tender */
#filterNonTender .card {
    border-radius: 8px;
    border: 1px solid var(--nt-03, #E5E5E5);
    background: var(--white, #FFF);
    box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.10);
}

#filterNonTender .card .card-body {
    padding: 24px;
}

#filterNonTender .form-group label {
    color: var(--primary, #06163A);
    text-align: center;
    font-family: var(--font-1);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    margin-bottom: 16px;
}

#filterNonTender .form-group .form-control {
    border-radius: 8px;
    border: 1px solid var(--nt-03, #E5E5E5);
    background: var(--white, #FFF);

}
/* End Filter Tender */

/* Data Tender */
#dataNonTender .card {
    border-radius: 8px;
    border: 1px solid var(--nt-03, #E5E5E5);
    background: var(--white, #FFF);
    box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.10);
}

#dataNonTender .card .card-body {
    padding: 24px;
}

#tenderNonTable {
    border-radius: 8px;
}

#tenderNonTable tr th {
    background: var(--nt-01, #FAFAFA);
    color: var(--primary-pr-01, #06163A);
    font-family: var(--font-1);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    border-color: var(--nt-03, #E5E5E5);
}

#tenderNonTable tr td {
    color: var(--neutral-nt-07, #525252);
    font-family: var(--font-1);
    vertical-align: middle;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}
/* Data Tender */