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

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

/* Navbar */
.navbar-custom .container-fluid{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.navbar-custom .project-title{
    height: 70px;
}

/* Step Navbar */
.step-navbar{
    margin-top: 70px;
}

.content-page{
    margin-left: 0 !important;
    margin-top: 0 !important;
}

/* Step Container */
.container-fluid{
    max-width: 1100px;
}

/* Step inputs */
.form-floating + .input-group-btn button, .form-floating + .input-group-text, #upload-reference{
    height: 58px;
}

/* Form Floating */
.form-floating .select2-selection__rendered , .form-floating .select2-selection{
    height: 58px !important;
}
#career-path input[type="file"], #documents input[type="file"], #project-presentation input[type="file"]{
    height: 58px !important;
    line-height: 3 !important;
    font-size: inherit !important;
}
.form-floating .select2-selection__rendered{
    display: flex !important;
    align-items: end !important;
}
.form-floating textarea{
    min-height: 120px !important;
}
#min-ref{
    width: 1px;
    pointer-events: none;
    color: transparent;
}

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

/* Financing Table Parsley Error */
#financing table tr .parsley-errors-list{
    position: absolute;
    bottom: -60px;
    z-index: 50;
    left: 0;
    margin: .3rem;
    box-shadow: none;
    display: none;
    background-color: white;
    border-radius: .2rem;
    border: 1px solid #ced4da;
    padding: .5rem;
}
#global-budget-details tr .parsley-errors-list{
    bottom: -35px !important;
    width: 100% !important;
    margin: .3rem .3rem 0 0 !important;
}
#financing table .file-loader{
    display: none;
}

.table-input-file-container:hover .parsley-errors-list{
    display: block !important;
}

.custom-hidden-input{
    height: 0;
    border: 0;
    padding: 0;
    width: 0;
    position: absolute;
}
#financing table .parsley-errors-list li{
    margin-top: 0;
}
#documents div.parsley-error{
    border-color: #f1556c !important;
}
#documents .file-input .parsley-errors-list{
    display: none !important;
}

/* Career Path/Documents Excluded */
input.excluded.form-control:invalid, textarea.excluded.form-control:invalid, #documents .excluded{
    border-color: #ced4da;
    background-image: none;
}

/* Summary tabs */
#summary .nav-link{
    isolation: isolate;
}


/* Style the file input button */
input[type="file"].file-input::file-selector-button {
    background-color: var(--bs-primary);
    color: white;
    border: none;
    margin-right: 8px;
    cursor: pointer;
}

/* Prevent any hover or focus state changes */
input[type="file"].file-input:hover::file-selector-button,
input[type="file"].file-input:focus::file-selector-button,
input[type="file"].file-input:active::file-selector-button {
    background-color: var(--bs-primary) !important;
    color: white !important;
    outline: none !important;
    box-shadow: none !important;
}

.user-info-4:not(span){
    color : #A03D91 !important;
}

.user-info-green:not(span) {
    color: var(--bs-primary) !important;
    font-weight: bold;
}

/** --- SUMMERNOTE -- **/
.note-editable {
    background-color: white;
}
.note-toolbar {
  background-color: lightgrey;
}

/** ---- LINKS ---- **/
a {
    color: var(--bs-primary);
    text-decoration: none;
}

.links {
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: 800;
}