body {
    font-size: 0.95rem;
    color: #6c757d;
}

@media (min-width: 1600px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 90%;
    }
}

header {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

footer {
    padding-left: 10px;
    padding-right: 10px;
}

.marginSpan {
    padding-top: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.h4,
h4 {
    font-size: 1rem !important;
}

.title_icon {
    margin-right: 3px;
}

.form-control {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.btn-info {
    color: #fff;
}

.pagination {
    margin-bottom: 0px;
}

.page-link {
    font-size: 0.75rem;
    cursor: pointer;
}

.table-sm > :not(caption) > * > * {
    padding: 0.1rem 0.3rem 0.1rem 0.3rem;
}
.listTable > :not(caption) > * > * {
    padding: 0.25rem 0.25rem;
}
.form-select-sm {
    font-size: 0.75rem;
}
.form-control-sm {
    font-size: 0.75rem;
    height: 0px;
}
.btn-sm {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}
.card-header {
    padding-left: 16px;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    font-size: 0.85rem;
}

.scrolldiv {
    overflow: auto;
    width: 100%;
    max-height: 55vh;
    margin-top: 3px;
}
table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
}

table thead tr th {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 2;
}
.fixed {
    left: 0px;
    z-index: 3;
}
table tbody tr th {
    position: -webkit-sticky;
    position: sticky;
    left: 0px;
    z-index: 1;
}

.table-secondary {
    max-width: 200px;
    width: 200px;
}
.table-secondary-auto-size {
    max-width: auto !important;
}

.normal-wrap-table {
    white-space: normal;
}