body {
    overflow: auto !important;
}

.top-section {
    background: url(../../assets/images/bg-tpm.jpeg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 20px;
}

/* img.logo-home {
    width: 60px;
    height: 60px;
    object-fit: contain;
    display: block;
} */
img.logo-home {
    width: 295px;
    height: 100px;
    object-fit: contain;
    display: block;
}
.header-home {
    padding: 10px 0;
}
.btn-pelacakan {
    cursor: pointer;
}
a {
    font-size: 14px;
}
a.active {
    text-decoration: underline;
    text-underline-offset: 8px;
    color: #FFB800 !important;
}

.section-pelacakan {
    padding: 10px 8px;
}
.section-pelacakan h5 {
    margin-top: 0;
}

.input-pelacakan {
    border-radius: 8px;
    border: 1px solid white;
    padding-right: 64px;
    height: 48px !important;
}

input:focus {
    outline: none;
}

.container-pelacakan {
    position: relative;
}
.btn-pelacakan {
    background-color: #FFB800;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    right: 18px;
}
.btn-pelacakan i {
    font-size: 20px;
}

.top-section { min-height: 400px; }
.bottom-section { padding: 40px 16px; }

.center-i { text-align: center !important; }

@media only screen and (max-width: 575px) {
    .p-tb-xs {
        padding-top: 40px;
        padding-bottom: 10px;
    }
    .tb-jadwal {
        font-size: 10px;
    }
}

table.tb-jadwal thead {
    background-color: #0F62C8;
    color: white;
}
table.tb-jadwal th {
    font-weight: normal !important;
    padding: 12px 8px;
}
table.tb-jadwal th:not(.center-xs) {
    text-align: left;
}
table.tb-jadwal td {
    padding: 12px 8px;
}
table.tb-jadwal thead th:first-child:not(.noborder-radius) { max-width: 60px; width: fit-content; text-align: center; }
table.tb-jadwal thead th:last-child { width: fit-content; }

table.tb-jadwal tbody td:first-child { text-align: center; }
table.tb-jadwal tbody td:last-child { text-align: right; }

table.tb-jadwal thead th:first-child:not(.noborder-radius) {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}
table.tb-jadwal thead th:last-child:not(.noborder-radius) {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}
table.tb-jadwal tbody tr {
    border-bottom: none;
}
table.striped>tbody>tr:nth-child(odd) {
    background: none;
}
table.striped>tbody>tr:nth-child(even) {
    background: #D0DEEF;
}
/* table tfoot tr:first-child { border-top: 1px solid #dedede; } */


.btn-daftar {
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    font-size: .8rem;
}

input.search-table {
    width: 100%;
    height: 32px;
    border-radius: 4px;
    padding: 8px 12px;
}

ul.pagination {
    margin: 0;
}
ul.pagination li a {
    font-size: 1rem;
    vertical-align: middle;
}
.pagination li.active {
    background: #0F62C8;
}


.footer{
    padding-top: 20px;
    background-color: #D9D9D9;
}
.txt-grey{
    color: #33333380;
}
.icon-blue{
    color: #0F62C8;
}
.copyright{
    font-size: 13px;
    font-weight: 300;
    line-height: 13.31px;
}
.contact{
    font-size: 13px;
    font-weight: 400;
    line-height: 13.31px;
}
.alamat{
    font-size: 11px;
    font-weight: 400;
    line-height: 13.31px;
}
.logo-pupr-footer{
    width: 40px;
    height: 40px;
    object-fit: contain;
    display: block;
}
.txt-pupr{
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.footer-copyrigth{
    padding: 30px 0 30px 14px;
}

.btn-rounded{
    border-radius: 8px;
    background-color: #3498DB;
    color: white;
    padding: 8px 14px 8px;
    cursor: pointer;
}

@media (max-width:480px) {
    .btn-rounded-container { margin-top: 30px; }
    .container-bottom-section { margin: 0; width: 100%; }
    .bottom-section { padding-left: 0; padding-right: 0; }
    .table-container { max-width: 100%; overflow: auto; }
    .top-section {
        padding-top: 20px;
        background-position: center;
        background-size: contain;
        background-color: #0F62C8;
    }
}
