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

/* General UI */
.navbar-custom .env-test{position: absolute; width:100%; height:100%; background-image: url('../img/test.png') !important; opacity: 0.1; z-index: -1;}
.left-side-menu .env-test{position: absolute; width:100%; height:100%; background-image: url('../img/test.png') !important; opacity: 0.05; z-index: -1;}
.authentication-bg .env-test{position: absolute; width:100%; height:100%; background-image: url('../img/test.png') !important; opacity: 0.05; z-index: -1; margin-top: -4.5rem!important;}
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], input.form-control[readonly] { background-color: #ededed; }
option:disabled { color: #bbbbbb; }
.shadow-primary {
    box-shadow: 0 1px 4px 0 rgba(234, 87, 31,1)!important;
}

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

/* Static page - long list */
#static-page {display: flex; flex-direction: column; height: calc(100vh - 70px);} /* 70px = navbar */
#static-page #page-list {overflow-x: scroll; flex-grow: 1;}
#static-page #page-list .row:first-child {--bs-gutter-x: 0;}
#static-page #page-list .col:first-child {max-width: inherit !important; width: auto !important;}
#static-page #page-list .dtsp-panesContainer {max-width: 1540px !important;}
.content-page { padding-bottom: 0 !important; }
body { padding-bottom: 0 !important; }
/* ---------------- */

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

/* Toast */
.colored-toast.swal2-icon-success {background-color: #a5dc86 !important;}
.colored-toast.swal2-icon-error {background-color: #f27474 !important;}
.colored-toast.swal2-icon-warning {background-color: #f8bb86 !important;}
.colored-toast.swal2-icon-info {background-color: #3fc3ee !important;}
.colored-toast.swal2-icon-question {background-color: #87adbd !important;}
.colored-toast .swal2-title {color: white;}
.colored-toast .swal2-close {color: white;}
.colored-toast .swal2-html-container {color: white;}

body.swal2-toast-shown .swal2-container.swal2-top-end.swal2-backdrop-show {
    top: 61px!important;
    right: -7px!important;
    padding: 1em;
}

body.swal2-toast-shown .swal2-container.swal2-backdrop-show {background-color: unset!important;}
body.swal2-toast-shown .swal2-popup.swal2-toast.swal2-show {box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 3px 0px;!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: #d45a1e; --bs-table-hover-bg: #d45a1e; }
.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; }

/* Summernote */

.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false],.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {cursor: not-allowed;}
/* 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; }

/* fix select2 bug */
.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 30px !important;
}

/* Spectrum colorpicker */
.sp-colorize-container.sp-add-on {
    width: 40px!important;
}

/* bootstrap.min.css style overload */
.bg-primary {
    background-color: #ea571f !important;
}

.btn-primary {
    background-color: #ea571f !important;
    border-color: #ea571f !important;
}

.btn-primary:hover {
    background-color: #d45a1e !important;
    border-color: #d45a1e !important;
}

.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle {
    background-color: #d45a1e !important;
    border-color: #d45a1e !important;
}

.btn-check:focus+.btn-primary,.btn-primary:focus {
    background-color: #d45a1e !important;
    border-color: #d45a1e !important;
}

.btn-secondary {
    background-color: #000000;
    border-color: #000000
}

.page-item.active .page-link {
    background-color: #ea571f !important;
    border-color: #ea571f !important;
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    background-color: #ea571f !important;
}

.nav-bordered a.active {
    border-bottom: 2px solid #ea571f !important;
}

.form-check-input:checked {
    background-color: #ea571f !important;
    border-color: #ea571f !important;
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-selected {
    border: 2px solid #ea571f !important;
}

.spinner-border {
    border: .25em solid #ea571f !important;
    border-right-color: white !important;
}

/* app.min.css style overload */
#sidebar-menu>ul>li>a:active,#sidebar-menu>ul>li>a:focus,#sidebar-menu>ul>li>a:hover {
    color: #ea571f !important;
}

.nav-second-level li a:focus,.nav-second-level li a:hover {
    color: #ea571f !important;
}

#sidebar-menu .menuitem-active .active{
    color: #ea571f !important;
}

#sidebar-menu .menuitem-active>a {
    color: #ea571f !important;
}

table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{
    background-color: #ea571f !important;
}

table.dataTable tbody>tr.selected td,table.dataTable tbody>tr>.selected td{
    border-color: #d45a1e !important;
}

.spinner {
    border-left: 5px solid #ea571f !important;
}

.swal2-modal .swal2-confirm {
    background-color: #ea571f !important;
}

.swal2-icon.swal2-question {
    color: #ea571f !important;
    border-color: #ea571f !important
}

.swal2-cancel:hover {
    background-color: #5c636a !important;
}

.datepicker table tr td .active.disabled:hover[disabled], .datepicker table tr td .active.disabled[disabled], .datepicker table tr td .active:active, .datepicker table tr td .active:hover, .datepicker table tr td .active:hover.active, .datepicker table tr td .active:hover.disabled, .datepicker table tr td .active:hover:active, .datepicker table tr td .active:hover:hover, .datepicker table tr td .active:hover[disabled], .datepicker table tr td .active[disabled], .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled], .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: #ea571f !important;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: #ea571f !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    color: white !important;
}

/* Custom classes */

.not-allowed {
    cursor: not-allowed !important;
}

.td-striped {
    background-color: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

input[readonly] {
    cursor: not-allowed;
}

.sticky-submit-wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1055;
    padding: 0.5rem;
}

.sticky-submit-btn {
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}


.quote-summary-fixed {
    position: fixed;
    top: calc(70px + 75px);
    height: calc(100vh - 70px - 75px - 24px); /* navbar + title + mb-3 */
    overflow-y: auto;
    right: 1rem; /* to simulate pe-3 (padding end) */
    width: 25%; /* or width: 300px if you want to fix it */
    max-width: 380px;
}

#open-import-modal-button {
    position: fixed;
    width: 25%; /* or width: 300px if you want to fix it */
    max-width: 380px;
    right: 1rem;
    top: calc(70px + 75px - 55px);
}