/* Login */
body.authentication-bg-pattern { background-image: none;  }
body.authentication-bg { background-color: #ffffff; }

/* 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 }

.modal-body2 { position: relative; flex: 1 1 auto; padding: 0 1rem; }

.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: #0e2f85; --bs-table-hover-bg: #0e2f85; }
.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;}

.bg-active { background-color: #972885 !important; }

/* Form Floating Parsley Error */
.select2-selection.parsley-error, .form-control.parsley-error{
    border-color: #f1556c !important;
}
.form-control.parsley-error{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f1556c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f1556c' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    padding-right: calc(1.5em + .9rem);
    background-position: right calc(.375em + .225rem) center;
    background-size: calc(.75em + .45rem) calc(.75em + .45rem);
}
.select2-selection.parsley-success, .form-control.parsley-success{
    border-color: #1abc9c !important;
}
.form-control.parsley-success{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231abc9c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    padding-right: calc(1.5em + .9rem);
    background-position: right calc(.375em + .225rem) center;
    background-size: calc(.75em + .45rem) calc(.75em + .45rem);
}

/* ------ FILE ON COMMENTS / OPINION ------ */
.file-comment a{
    display: flex;
    float: right;
}

.bg-primary .card-body .file-comment a, .bg-warning .card-body .file-comment a{
    color: white;
}

#comment-document{
    font-size : .875rem;
}

/* Request message modal */
#request-message-modal .modal-body2{
    height: 65vh;
}

/* Payment schedule */
.status-select .select2-selection.select2-selection--single{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
td.status-select{
    padding: .85rem 0 .85rem 0 !important;
}

/* Modal Menu Notification indicators */
.modal-menu-notification-container{
    width: min-content;
    margin: auto;
}
.modal-menu-notification{
    padding: 5px !important;
    position: absolute;
    top: -2px;
    left: -7px;
}

/* Modal Menu Tab Notification indicators */
.modal-tab-notification{
    padding: 5px !important;
    position: absolute;
    top: 10px;
    left: 12px;
}

/* List Notification indicators */
.list-notification-container{
    position: absolute;
    left: 6px;
    top: 10px;
    display: flex;
}
.list-notification{
    padding: 5px;
    margin: 0 1px 0 1px;
}

/* ---- MAIL TEMPLATE ---- */
.content-mail-temp[readonly] {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    border-color: #ced4da !important;
    cursor: not-allowed;
    opacity: 1 !important;
}