.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
     color: #32393f 
}
 a {
     color: #004058;
}
 .table-responsive {
     white-space: nowrap;
}
 .form-check-input:checked {
     background-color: #004058;
     border-color: #004058 
}
 .form-check-input[type=checkbox]:indeterminate {
     background-color: #004058;
     border-color: #004058;
}
 .valid-feedback {
     color: #00ac69 
}
 .form-control.is-valid, .was-validated .form-control:valid {
     border-color: #00ac69;
}
 .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
     border-color: #00ac69;
}
 .form-select.is-valid, .was-validated .form-select:valid {
     border-color: #00ac69;
}
 .form-select.is-valid:focus, .was-validated .form-select:valid:focus {
     border-color: #00ac69;
}
 .form-check-input.is-valid, .was-validated .form-check-input:valid {
     border-color: #00ac69 
}
 .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
     background-color: #00ac69 
}
 .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
     color: #00ac69 
}
 .invalid-feedback {
     color: #e81500 
}
 .form-control.is-invalid, .was-validated .form-control:invalid {
     border-color: #e81500;
}
 .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
     border-color: #e81500;
}
 .form-select.is-invalid, .was-validated .form-select:invalid {
     border-color: #e81500;
}
 .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
     border-color: #e81500;
}
 .form-check-input.is-invalid, .was-validated .form-check-input:invalid {
     border-color: #e81500 
}
 .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
     background-color: #e81500 
}
 .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
     color: #e81500 
}
 .input-group-text {
     background-color: #ffffff;
}
 .btn {
     letter-spacing: .5px;
}
 .btn-primary {
     color: #fff;
     background-color: #004058;
     border-color: #004058 
}
 .btn-primary:hover {
     color: #fff;
     background-color: #497281;
     border-color: #497281 
}
 .btn-check:focus+.btn-primary, .btn-primary:focus {
     color: #fff;
     background-color: #497281;
     border-color: #497281;
     box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5) 
}
 .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
     color: #fff;
     background-color: #497281;
     border-color: #497281 
}
 .btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5) 
}
 .btn-primary.disabled, .btn-primary:disabled {
     color: #fff;
     background-color: #004058;
     border-color: #004058 
}
 .btn-success {
     color: #fff;
     background-color: #00ac69;
     border-color: #00ac69 
}
 .btn-success:hover {
     color: #fff;
     background-color: #009259;
     border-color: #009259 
}
 .btn-check:focus+.btn-success, .btn-success:focus {
     color: #fff;
     background-color: #009259;
     border-color: #009259;
     box-shadow: 0 0 0 .25rem rgb(23 160 14 / 52%) 
}
 .btn-check:active+.btn-success, .btn-check:checked+.btn-success, .btn-success.active, .btn-success:active, .show>.btn-success.dropdown-toggle {
     color: #fff;
     background-color: #009259;
     border-color: #009259 
}
 .btn-check:active+.btn-success:focus, .btn-check:checked+.btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show>.btn-success.dropdown-toggle:focus {
     box-shadow: 0 0 0 .25rem rgb(23 160 14 / 52%) 
}
 .btn-success.disabled, .btn-success:disabled {
     color: #fff;
     background-color: #0f8107;
     border-color: #146c43 
}
 .btn-danger {
     color: #fff;
     background-color: #e81500;
     border-color: #e81500 
}
 .btn-danger:hover {
     color: #fff;
     background-color: #d10b1e;
     border-color: #b02a37 
}
 .btn-check:focus+.btn-danger, .btn-danger:focus {
     color: #fff;
     background-color: #d10b1e;
     border-color: #b02a37;
     box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5) 
}
 .btn-check:active+.btn-danger, .btn-check:checked+.btn-danger, .btn-danger.active, .btn-danger:active, .show>.btn-danger.dropdown-toggle {
     color: #fff;
     background-color: #b02a37;
     border-color: #a52834 
}
 .btn-check:active+.btn-danger:focus, .btn-check:checked+.btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show>.btn-danger.dropdown-toggle:focus {
     box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5) 
}
 .btn-danger.disabled, .btn-danger:disabled {
     color: #fff;
     background-color: #e81500;
     border-color: #e81500 
}
 .btn-outline-primary {
     color: #004058;
     border-color: #004058 
}
 .btn-outline-primary:hover {
     color: #fff;
     background-color: #004058;
     border-color: #004058 
}
 .btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus {
     box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5) 
}
 .btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
     color: #fff;
     background-color: #004058;
     border-color: #004058 
}
 .btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
     box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5) 
}
 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
     color: #004058;
     background-color: transparent 
}
 .btn-outline-success {
     color: #00ac69;
     border-color: #00ac69 
}
 .btn-outline-success:hover {
     color: #fff;
     background-color: #00ac69;
     border-color: #00ac69 
}
 .btn-check:focus+.btn-outline-success, .btn-outline-success:focus {
     box-shadow: 0 0 0 .25rem rgb(23 160 14 / 52%) 
}
 .btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {
     color: #fff;
     background-color: #00ac69;
     border-color: #00ac69 
}
 .btn-check:active+.btn-outline-success:focus, .btn-check:checked+.btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus {
     box-shadow: 0 0 0 .25rem rgb(23 160 14 / 52%) 
}
 .btn-outline-success.disabled, .btn-outline-success:disabled {
     color: #00ac69;
     background-color: transparent 
}
 .btn-outline-danger {
     color: #e81500;
     border-color: #e81500 
}
 .btn-outline-danger:hover {
     color: #fff;
     background-color: #e81500;
     border-color: #e81500 
}
 .btn-check:focus+.btn-outline-danger, .btn-outline-danger:focus {
     box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5) 
}
 .btn-check:active+.btn-outline-danger, .btn-check:checked+.btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active {
     color: #fff;
     background-color: #e81500;
     border-color: #e81500 
}
 .btn-check:active+.btn-outline-danger:focus, .btn-check:checked+.btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus {
     box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5) 
}
 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
     color: #e81500;
     background-color: transparent 
}
 .btn-link {
     font-weight: 400;
     color: #004058;
     text-decoration: underline 
}
 .dropdown-item:focus, .dropdown-item:hover {
     color: #1e2125;
     background-color: #f8f9fa 
}
 .dropdown-item.active, .dropdown-item:active {
     color: #fff;
     text-decoration: none;
     background-color: #004058 
}
 .dropdown-item.disabled, .dropdown-item:disabled {
     color: #6c757d;
     pointer-events: none;
     background-color: transparent 
}
 .card {
     border: 0 solid transparent;
     margin-bottom: 1.5rem;
     box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}
 .card-header {
     background-color: rgba(0, 0, 0, .0);
}
 .progress-bar {
     background-color: #004058;
}
 .list-group-item.active {
     z-index: 2;
     color: #fff;
     background-color: #004058;
     border-color: #004058 
}
 .border-primary {
     border-color: #004058!important 
}
 .border-success {
     border-color: #00ac69!important 
}
 .border-danger {
     border-color: #e81500!important 
}
 .text-primary {
     color: #004058!important 
}
 .text-secondary {
     color: #6c757d!important 
}
 .text-success {
     color: #00ac69!important 
}
 .text-info {
     color: #00cfd5!important 
}
 .text-warning {
     color: #f4a100!important 
}
 .text-danger {
     color: #e81500!important 
}
 .text-light {
     color: #f8f9fa!important 
}
 .text-dark {
     color: #212529!important 
}
 .text-white {
     color: #fff!important 
}
 .text-body {
     color: #212529!important 
}
 .text-muted {
     color: #6c757d!important 
}
 .text-black-50 {
     color: rgba(0, 0, 0, .5)!important 
}
 .text-white-50 {
     color: rgba(255, 255, 255, .5)!important 
}
 .bg-primary {
     background-color: #004058 !important;
}
 .bg-success {
     background-color: #00ac69 !important;
}
 .bg-danger {
     background-color: #e81500 !important;
}
 .form-check-success .form-check-input:checked {
     background-color: #00ac69;
     border-color: #00ac69 
}
 .form-check-success .form-check-input[type=checkbox]:indeterminate {
     background-color: #00ac69;
     border-color: #00ac69;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") 
}
 .form-check-success .form-check-input:focus {
     border-color: #00ac69;
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(21, 202, 33, 0.25) 
}
 .form-check-danger .form-check-input:checked {
     background-color: #e81500;
     border-color: #e81500 
}
 .form-check-danger .form-check-input[type=checkbox]:indeterminate {
     background-color: #e81500;
     border-color: #e81500;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") 
}
 .form-check-danger .form-check-input:focus {
     border-color: #e81500;
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(253, 53, 80, 0.25) 
}
 .form-check-warning .form-check-input:checked {
     background-color: #f4a100;
     border-color: #f4a100 
}
 .form-check-warning .form-check-input[type=checkbox]:indeterminate {
     background-color: #f4a100;
     border-color: #f4a100;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") 
}
 .form-check-warning .form-check-input:focus {
     border-color: #f4a100;
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(255, 193, 7, 0.25) 
}
 .form-check-dark .form-check-input:checked {
     background-color: #212529;
     border-color: #212529 
}
 .form-check-dark .form-check-input[type=checkbox]:indeterminate {
     background-color: #212529;
     border-color: #212529;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") 
}
 .form-check-dark .form-check-input:focus {
     border-color: #212529;
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(33, 37, 41, 0.25) 
}
 .form-check-secondary .form-check-input:checked {
     background-color: #6c757d;
     border-color: #6c757d 
}
 .form-check-secondary .form-check-input[type=checkbox]:indeterminate {
     background-color: #6c757d;
     border-color: #6c757d;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") 
}
 .form-check-secondary .form-check-input:focus {
     border-color: #6c757d;
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(108, 117, 125, 0.25) 
}
 .form-check-info .form-check-input:checked {
     background-color: #00cfd5;
     border-color: #00cfd5 
}
 .form-check-info .form-check-input[type=checkbox]:indeterminate {
     background-color: #00cfd5;
     border-color: #00cfd5;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") 
}
 .form-check-info .form-check-input:focus {
     border-color: #00cfd5;
     outline: 0;
     box-shadow: 0 0 0 .25rem rgba(13, 202, 240, 0.25) 
}
/*jafg ini*/
 .timeline {
     margin: 5px;
}
 .timeline .timeline-item {
     display: flex;
     border: 1px solid #ddd;
     border-radius: 5px;
     padding: 15px;
     margin-bottom: 20px;
     background-color: #f9f9f9;
}
 .timeline .timeline-item .timeline-item-marker {
     display: inline-flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     transform: translateX(1.625rem);
     margin-bottom: 0;
}
 .timeline .timeline-item .timeline-item-marker .timeline-item-marker-text {
     font-size: 0.875rem;
     width: 6rem;
     color: #a7aeb8;
     text-align: center;
     display: block;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     margin-right: 0.5rem;
     margin-bottom: 0;
}
 .timeline .timeline-item .timeline-item-marker .timeline-item-marker-indicator {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     height: 3rem;
     width: 3rem;
     background-color: #f2f6fc;
     border-radius: 100%;
     font-size: 12px;
     color: #007BFF;
     padding: 5px;
}
 .timeline .timeline-item .timeline-item-content {
     padding-top: 0.75rem;
     padding-bottom: 1rem;
     padding-left: 3rem;
     width: 100%;
     border-left: solid 0.25rem #f2f6fc;
}
 .timeline .timeline-item:last-child .timeline-item-content {
     padding-bottom: 1rem !important;
     border-left-color: transparent;
}
 .timeline-item-content p {
     margin: 5px 0;
}
 ul.data-list {
     list-style-type: none;
     padding: 0;
     margin: 0;
}
 ul.data-list li {
     margin-bottom: 5px;
     padding-left: 20px;
     position: relative;
}
 ul.data-list li:before {
     content: '•';
     color: #007BFF;
     position: absolute;
     left: 0;
     top: 0;
}
 strong {
     color: #007BFF;
}
 td, th {
     vertical-align: middle !important;
}
 .swal2-container {
     z-index: 20000 !important;
}
 .invoice table td, .invoice table th {
     background: rgb(0 0 0 / 12%);
     border-bottom: 1px solid rgb(0 0 0 / 12%) 
}
 .table thead th {
     border-bottom: 2px solid rgb(0 0 0 / 12%) 
}
 .table-bordered td, .table-bordered th {
     border: 2px solid rgb(0 0 0 / 12%) 
}
 .table-bordered {
     border: 1px solid rgb(0 0 0 / 12%) 
}
 .dt-paging {
     display: flex;
     justify-content: flex-end;
     margin-top: 0.5rem !important;
}
 table.dataTable thead th,  table.dataTable tfoot th, table.dataTable tbody td {
     text-align: center !important;
     vertical-align: middle !important;
}
 table.dataTable thead th{
     color: black !important;
}
 @media (max-width: 575.98px) {
     .page-content {
         padding-left: 0 !important;
         padding-right: 0 !important;
    }
     .dt-paging {
         display: flex;
         justify-content: center;
    }
}
 table.dataTable>tbody>tr.child ul.dtr-details {
     list-style-type: block;
     !important;
     text-align: left !important;
}
 table.dataTable>tbody>tr.child span.dtr-title {
     min-width:0;
}
 .dt-info {
     margin-top: 0.5rem;
}
 [data-bs-theme="dark"] .fc-col-header-cell {
     background: #2b3035;
     color: #f8f9fa;
     border-color: #495057;
     font-weight: 500;
     text-transform: uppercase;
}
 [data-bs-theme="dark"] .fc-popover {
     background: #212529;
     border: 1px solid #495057;
     border-radius: .5rem;
     box-shadow: 0 4px 12px rgba(0,0,0,.6);
}
 [data-bs-theme="dark"] .fc-popover-header {
     background: #343a40;
     color: #f8f9fa;
     border-bottom: 1px solid #495057;
     font-weight: 600;
     text-transform: uppercase;
     font-size: .8rem;
}
 [data-bs-theme="dark"] .fc-popover-body {
     background: #212529;
     color: #dee2e6;
}
 [data-bs-theme="dark"] .fc-popover-close {
     color: #adb5bd;
}
 [data-bs-theme="dark"] .fc-popover-close:hover {
     color: #f8f9fa;
}
 .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
     cursor: pointer;
}
/*jafg fin*/