body {
    padding-top: 0px !important;
}
main>.container {
    padding: 5px 15px 0
}

.footer {
    background-color: #f5f5f5
}

.footer>.container {
    padding-right: 15px;
    padding-left: 15px
}

body {
    padding-top: 2rem;
    font-family: roboto, kanit, sans-serif
}

.data-table {
    padding-top: .25rem
}

.added_date {
    font-size: 90%
}

.progress {
    position: relative
}

.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: #000
}

.table-responsive {
    overflow-x: inherit
}

.table th,
td {
    text-align: center
}

.actions button {
    padding: 0
}

a[data-theme].text-muted {
    pointer-events: none
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem;
}
.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem;
}
.rounded-3 {
    border-radius: 0.5rem !important;

}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.navbar-nav {
    flex-wrap: wrap;
}