.modal {background: rgba(0,0,0,.5);}
.modal.add_manifest_modal .modal-header {padding-left: 40px;}
.modal.add_manifest_modal .modal-body {padding: 40px 60px;}
.modal.add_manifest_modal .modal-footer {padding: 30px 60px;}
.modal.add_manifest_modal .modal-dialog {margin-bottom: 100px;}

.modal.add_payment_modal .modal-header {padding-left: 40px;}
.modal.add_payment_modal .modal-body {padding: 40px 60px;}
.modal.add_payment_modal .modal-footer {padding: 30px 60px;}
.modal.add_payment_modal .modal-dialog {margin-bottom: 100px;}

.modal.bootbox-alert .bootbox-body .alert-danger {background: transparent;color: #f23834;border: none;}
.modal.bootbox-alert .modal-dialog {width: 100%; max-width: 766px;}
.modal.bootbox.success_alert .modal-title {width: 90%;}
.modal.bootbox.success_alert .modal-title div.alert-header { width: 100%; display: flex; justify-content: center; align-items: center; color: green; }
.modal.bootbox.success_alert .modal-body .message_body { font-size: 16px; color: #6d893a; text-align: center;}
/* error alert */
.modal.bootbox.error_alert .modal-title {width: 90%;}
.modal.bootbox.error_alert .modal-title div.alert-header { width: 100%; display: flex; justify-content: center; align-items: center; color: #f23834; }
.modal.bootbox.error_alert .modal-body .message_body { font-size: 16px; color: #f23834; text-align: center;}
/* warning alert */
.modal.bootbox.warning_alert .modal-title {width: 90%;}
.modal.bootbox.warning_alert .modal-title div.alert-header { width: 100%; display: flex; justify-content: center; align-items: center; color: rgb(78, 78, 189); }
.modal.bootbox.warning_alert .modal-body .message_body { font-size: 16px; color: rgb(78, 78, 189); text-align: center;}


.error-helper {color: #f23834; font-size: 16px;}
.errors {border: 1px solid #f23834;}

.table tbody tr td.dt-empty {text-align: left !important;}
/* data table pagination */
.dt-layout-row .dt-paging {text-align: right;}
.dt-layout-row .dt-paging .dt-paging-button {border-radius: 4px; border: 1px solid #e0e0e0; background: #fff; transition: all ease 0.5s; font-weight: 500; color: #919aa3; width: 35px; height: 35px; line-height: 35px; padding: 0; }
.dt-layout-row .dt-paging .dt-paging-button.current { background-color: #0f79f3; color: #fff; z-index: 0 !important; }
.dt-layout-row .dt-info {font-size: 15px; padding-top: 7px;}
.dt-layout-cell.dt-layout-end {text-align: right;}
.dt-layout-cell.dt-layout-start .dt-length {width: 300px; position: relative;top: 40px;}
.dt-layout-cell.dt-layout-start .dt-length select {padding: 5px 16px; border: 1px solid var(--bs-gray-400);}
.dt-layout-cell.dt-layout-start .dt-length label {padding-left: 4px;}
.dt-layout-cell.dt-layout-end .dt-search {padding-bottom: 5px;}
.dt-layout-cell.dt-layout-end .dt-search input[type="search"] {border: 1px solid var(--bs-gray-400); padding: 7px 16px; outline: none; width: 300px; font-size: 16px;}

input[readonly],
textarea[readonly] { background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));}

.card.box-shadow { box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 2px 6px rgba(0,0,0,0.1);}
body.reports_list .top-stat {height: 40px; width: 40px; line-height: 45px;}

/* Mobile */
@media (max-width: 767px) {
  .modal.add_manifest_modal .modal-header {padding: 20px;}
  .modal.add_manifest_modal .modal-body {padding: 20px;}
  .modal.add_manifest_modal .modal-footer {padding: 20px;}

  .modal.add_payment_modal .modal-header {padding: 20px;}
  .modal.add_payment_modal .modal-body {padding: 20px;}
  .modal.add_payment_modal .modal-footer {padding: 20px;}
}