* {
    font-family: 'Poppins', sans-serif;
}

table td, table th {
    font-size: 14px;
    line-height: 14px;
}

.table-head-fixed thead th{
    position: sticky;
}

.table.table-head-fixed thead.all-sticky tr th {
    background-color: #fff;
    border-bottom: 0;
    box-shadow: inset 1px 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}

.table.table-head-fixed tfoot.all-sticky tr td {
    background-color: #fff;
    border-bottom: 0;
    box-shadow: inset 1px 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 10;
}

.font-12 {
    font-size: 12px;
    line-height: 12px;
}

.font-14 {
    font-size: 14px;
    line-height: 14px;
}

.font-16 {
    font-size: 16px;
    line-height: 16px;
}

.font-18 {
    font-size: 18px;
    line-height: 18px;
}

.invoice {
    border: 0;
}

.nop {
    padding: 0 !important;
}

.p-4px {
    padding: 4px !important;
}

.p-8px {
    padding: 8px !important;
}

.pb-8rem {
    padding-bottom: 8rem !important;
}

.hidden {
    display: none;
}

.disabled {
    pointer-events: none;
    opacity: 0.6;
}

#tbl-natura-list { 
    border-collapse: separate;
    border-spacing: 0;
}

.clickable {
    cursor: pointer;
}

.ui-front {
    z-index: 9999;
}

.th-bordered thead tr th {
    border: 1px solid #dee2e6;
    vertical-align: middle;
}

.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on {
    padding: 4px;
}

.bootstrap-switch .bootstrap-switch-label {
    padding: 4px 8px;
}

.login-box {
    width: 400px;
}

.login-box-msg {
    padding: 20px 0;
}

.nav-sidebar .nav-treeview {
    padding-left: .8rem;
}

.header-app-auth {
    background-color: #ffc14d;
}

.content-wrapper { 
    height: calc(100vh - 48px - 40px);
}

.content-header {
    padding: 0 .5rem;
    height: 8%;
    display: flex;
    align-items: center;
}

.content-footer {
    padding: 0 .5rem;
    height: 8%;
    display: flex;
    align-items: center;
}

.main-content {
    height: 84%;
    overflow: hidden;
}

.main-content-wo-pagination {
    height: 90%;
    overflow: hidden;
}

.sidebar-mini .main-sidebar .nav-link {
    width: auto;
}

.table thead th{
    text-align: center;
}

.table td, .table th {
    vertical-align: middle;
}

.table td {
    padding: .5rem;
}

#tbl-mutasi tfoot th, #tbl-report tfoot th{
    position: sticky;
    bottom: 0;
    z-index: 10;
    background-color: #fff;
    box-shadow: inset 0 1px 0 #dee2e6,inset 0 -1px 0 #dee2e6;
}

#div-request-item-list, #div-plan-item-list {
    height: 100%;
    overflow: auto;
}

.d-none {
    display: none;
}

.page-link, .sortable {
    cursor: pointer;
}

.fc-daygrid-event {
    cursor: pointer;
}

.card-header {
    padding: .5rem .75rem;
}

.h-60 {
    height: 60%;
}

.h-40 {
    height: 40%;
}

.h-200px {
    height: 200px;
}

.h-300px {
    height: 300px;
}

.h-400px {
    height: 400px;
}

.h-600px {
    height: 600px;
}

.user-panel, .user-panel .info {
    white-space: normal;
}

input[readonly] {
    pointer-events: none;
}

.btn-navy {
    color: #fff;
    background-color: #000075;
    border-color: #000075;
    box-shadow: none;
}

.text-navy {
    color: #000075 !important;
}

.text-grey-light {
    color: #c4c4c4 !important;
}

.text-black {
    color: #000 !important;
}

.card.card-content {
    margin: 0 7.5px;
    height: 100%;
}

.card-content .card-header {
    margin: 0;
}

.card-content .card-body {
    height: 92%;
}

.bordered {
    border: 1px solid #000;
}

.online-user-div {
    height: 150px; 
    overflow-y: auto; 
    scrollbar-width: thin;
}

#tbl-forecast {
    border-collapse: separate;
    border-spacing: 0;
}

#tbl-forecast thead {
    position: sticky;
    top: 0;
    z-index: 10;
}

#tbl-forecast thead th{
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dee2e6;
}

#tbl-forecast-import thead th{
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dee2e6;
}

@media (min-width: 1200px) {
    .modal-xxl {
        max-width: 1440px;
    }
}