/* Login */
body.authentication-bg-pattern { background-image: url("../img/bg-material.png");  }
body.authentication-bg { background-color: #000000; }

/* General UI */
body[data-sidebar-color=dark] .logo-box{background-color: #6658dd !important;}
.cursor-pointer { cursor: pointer; }
.float-left { float:left; }
.float-right { float:right; }
.input-group-btn button { border: 1px solid #ced4da; box-shadow: 0 1px 4px 0 #ced4da; }
.input-group-btn button.btn:focus { box-shadow: 0 1px 4px 0 #ced4da; }
img.grayscale{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.opacity-100 {opacity: 1;}
.opacity-75 {opacity: .75;}
.opacity-50 {opacity: .5;}
.opacity-25 {opacity: .25;}
.opacity-0 {opacity: 0;}
body[data-sidebar-color="dark"] .input-group-btn button.date-picker-btn { border: 1px solid #424E58; box-shadow: none; }
input.form-control[disabled] { background-color: #ededed; }
option:disabled { color: #bbbbbb; }

/* Custom megamodal */
.megamodal .modal-body { overflow-y: hidden !important; }
.megamodal .modal-body .col-menu { border-right: 1px solid rgba(152,166,173,.2); }
.megamodal .modal-body .form-content { padding-top: 20px; height: calc(100% - 73px) !important; overflow-x: hidden; }
.megamodal .modal-footer { border-top: 1px solid rgba(152,166,173,.2); justify-content: center; align-items: center }

.popup-edit .modal-body { width: 800px; }
@media screen and (max-width: 992px) {
    .popup-edit .modal-body { width: 100%; padding:0; }
    .popup-edit .modal-body h4 { padding-top:50px; }
    .megamodal .modal-dialog { width: 100% !important; }
}

/* SweetAlert2 */
.swal2-container { z-index: 9999999 !important; }
.swal2-actions button { font-size: 14px !important; }

/* Nestable */
.dd{ max-width: 100%; }
.dd-list .dd-item .dd-handle:hover { background-color: aliceblue; }

/* Gridstack */
.grid-stack-item-content { background-color: #FFFFFF; box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%); }

/* X-Editable */
.x-assignable { color: white !important; }

/* Datatable */
table.dataTable{ width:100% !important; }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_info { float: left; }
.dataTables_wrapper .dataTables_filter { float: right; }
table.dataTable tbody>tr.selected:hover{ background-color: #374e59; --bs-table-hover-bg: #374e59; }
.dataTables_processing{z-index: 1;}

/* Notifications pop-in */
#notifications-small-list .notify-details { white-space: normal !important; }
#notifications-small-list .notify-item { padding: 10px 10px !important; }
#notifications-small-list.noti-scroll{ max-height: 350px !important; }

/* MultiSelect */
.multi-select.w100 .ms-container { max-width: 100% !important; }
.multi-select.h400 .ms-container .ms-list{ height: 400px; }

/* Toast */
.toast-container { z-index: 1002 !important; margin-right: 15px; margin-top: 15px; }

/* Other */
table.table-fit { width: 100% !important; table-layout: auto !important; }
table.table-fit thead th, table.table-fit tfoot th { width: auto !important; }
table.table-fit tbody td, table.table-fit tfoot td { width: auto !important; }

/* Dark theme */
body[data-sidebar-color="dark"] div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper { border: 2px solid #303841 !important; }
body[data-sidebar-color="dark"] div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody { background: #303841 !important; }
body[data-sidebar-color="dark"] div.dtsp-topRow.dtsp-bordered { border: 2px solid #303841; }
body[data-sidebar-color="dark"] .card { box-shadow: none; }
body[data-sidebar-color="dark"] .table-danger {  background: #3f282d; border-right: 1px solid #515b65; }
body[data-sidebar-color="dark"] .table-warning { background: #2b2313; border-right: 1px solid #515b65; }
body[data-sidebar-color="dark"] .table-success { background: #132f2a; border-right: 1px solid #515b65; }
.card-100 { height: calc(100% - 24px); }

/* Select2 */
.select2 { width: 100% !important; }
.select2-dropdown { z-index: 9999 !important; }
.select2-selection__clear{ margin-right: 15px;}
.parsley-errors-list.filled{
    width: 100%;
}

/* DataTable */
.dataTables_filter{
    margin-bottom: 1em;
}