/*#kt_content {
    padding: 30px;
}
*/
/*
body {
    background-color: #E5E7E8;
}
*/

/* sfondo tooltip processing datatable */
:root {
    --bs-tooltip-bg: #FFF;
    --bs-peas: #badc58;
    --bs-midblue: #4bcffa;
}

.hide {
    display: none;
}

.pointer {
    cursor: pointer;
}


.nowrap {
    white-space: nowrap;
}

.noselect {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.v-hide {
    visibility: hidden;
}

.d-list-item {
    display: list-item;
    list-style-type: circle;
    list-style-position: inside;
}

.text-peas {
    color: var(--bs-peas);
}

.badge-peas {
    background-color: var(--bs-peas);
    color: white;
}

.text-midblue {
    color: var(--bs-midblue);
}

.badge-midblue {
    background-color: var(--bs-midblue);
    color: white;
}

.headerDivider {
    display: block;
    width: 0;
    border-right: 1px solid var(--bs-border-color);
    height: 40px;
    margin-top: auto;
    margin-bottom: auto;
}

.w-230px {
    width: 230px;
}

/* colore riga selezionata nella grid */
table.dataTable.table-striped > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.5);
}

table.dataTable > tbody > tr.last-selected > * {
    color: var(--bs-info);
}

/* colore icone riga selezionata formatter */
table.dataTable > tbody > tr.selected > td > i {
    color: var(--bs-primary-inverse);
}

/* padding top mobile */
@media (max-width: 991.98px) {
    .header-tablet-and-mobile-fixed.toolbar-tablet-and-mobile-fixed .toolbar {
        padding: 0;
        top: 0px;
        border-top: 1px solid #EFF2F5;
    }


    .header-tablet-and-mobile-fixed.toolbar-tablet-and-mobile-fixed .wrapper {
        padding-top: 55px;
    }

    .card .card-body {
        padding: 1rem 1.25rem;
    }

    .table.gs-7 th.dtr-control:first-child, .table.gs-7 td.dtr-control:first-child {
        padding-left: 0.75rem !important;
    }

    .table.gs-7 th:last-child, .table.gs-7 td:last-child {
        padding-right: 0.75rem;
    }
}

.container-xxl {
    max-width: 1540px !important;
}

/* toastr */
#toastr-container {
    margin-top: 60px;
}

/* form TABS */

div.nav-item.active i {
    /*--bs-bg-rgb-color: var(--bs-body-bg-rgb);
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-text-muted) !important;*/
    color: var(--bs-text-primary) !important;
}

div.nav-item.active .text-gray-800 {
    color: var(--bs-text-primary) !important;
}

div.nav-item.active .bullet {
    background-color: var(--bs-text-primary) !important;
}

/* form labels */
.inline-form-label {
    color: var(--bs-gray-600);
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent);
}

.col-form-label {
    padding-left: 5px;
    padding-right: 0px;
    white-space: nowrap;
    overflow: hidden;
    /*noinspection CssInvalidPropertyValue*/
    -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent);
}

.col-form-label-tooltip {

}

.nav-tabs {
     border-bottom: none !important;
}
/* input all */
/*
.input-group-text {
    padding: 0.75rem 1rem;
}

.form-control {
    padding: 0.75rem 1rem;
}
*/


/* date picker */
.input-group-datepicker input {
    border-left-color: #E4E6EF !important;
}

/* select2 */
.input-group-autocomplete .form-control {
    padding: 0px;
}

.input-group-autocomplete .form-select {
    border: none !important;
    border-radius: 0px !important;
    /*padding: 0.75rem 1rem !important;
    background: none !important;*/
}

.select2-container--bootstrap5 .select2-dropdown {
    border-radius: 0rem;
}

/* tolto perche' nei combobox con autocompletamento rende squadrato il bordo destro (es analisi rischio prima domanda)
perche' era stato messo?

.input-group-autocomplete .select2-selection.form-select {
    border-radius: inherit !important;
}

 */

/* SELECT 2 readonly */
.select2-container--disabled .select2-selection {
    background-color: #EFF2F5;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background-color: #EFF2F5;
        box-shadow: none;
    }

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
        display: none;
}

/*
.input-group-autocomplete .form-control:has(select[readonly].select2-hidden-accessible) {
    background-color: #EFF2F5;
}
*/

.input-group-autocomplete .select2.select2-container.select2-container--bootstrap5 {
    height: 100%;
}

.input-group-autocomplete .select2-selection.select2-selection--single.form-select.form-select-solid {
    height: 100%;
}

.select2-container--bootstrap5.select2-container--focus .form-select-solid, .select2-container--bootstrap5.select2-container--open .form-select-solid {
    background-color: inherit !important;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    color: inherit;
}

li.select2-results__option {
    height: 39px;
}

.select2-selection.select2-selection--single.form-select {
    min-height: 41px;
}

.form-select {
    font-size: inherit;
    font-weight: inherit;
}

/* DATE PICKER readonly */
input[readonly].flatpickr-input + .form-control {
    pointer-events: none;
    touch-action: none;
}

/* label input */
.label-input-container {
    padding-top: calc(0.75rem + 1px);
    padding-bottom: calc(0.75rem + 1px);
}

/* tabs */
/*
.tab-content {
    padding: 30px;
    border: 1px solid #EFF2F5;
    border-top: none;
}
*/

/* form */
/*
.form-control {
    font-size: inherit;
    font-weight: inherit;
}
 */

.form-control[readonly] {
    background-color: #EFF2F5;
}

/* errori */
.form-control.has-error, .input-group.has-error, .form-select.has-error, .form-check-input.has-error {
    border: 2px solid var(--bs-danger) !important;
}

/* errori campi autocomplete e date */
.input-group-autocomplete.has-error, .input-group-datepicker.has-error {
    border: inherit !important;
}

.input-group-autocomplete.has-error > .input-group-text, .input-group-autocomplete.has-error > .form-control,
.input-group-datepicker.has-error > .input-group-text, .input-group-datepicker.has-error > .form-control {
    border: 2px solid var(--bs-danger) !important;
}

/* icona campi in errore */
.input-group.has-error i {
    color: var(--bs-danger) !important;
}

/* image e file input */
.file-input {
    /*position: relative;*/
    cursor: pointer;
    /*width: fit-content;*/
    min-width: 10px;
}

.file-input .file-input-icon, .file-input .file-input-name, .file-input input, .file-input .file-input-error {
    display: none;
}

.file-input-image .file-input-placeholder i {
    font-size: 6em !important;
}



.file-input .file-input-icon i, .file-input .file-input-name {
    vertical-align: middle;
}

.file-input .file-input-error {
    cursor: default;
}
.file-input img {
    border-radius: 0.475rem;
}

.file-input-remove-image {
    position: absolute;
    top: 6px;
    right: -10px;
    width: 22px !important;
    height: 22px !important;
    display: none;
}

.file-input-progress {
    /*position: absolute;
    bottom: 5px;
    display: none;*/
}

/* file singolo in dropzone */
.file-input .dropzone-item {
    margin-top: 0px !important;
    min-height: 42px;
}

.dropzone-file {
    max-width: 90%;
}

/* ------------------------------ file explorer -----------------------------------------------*/

.file-explorer .file-item {
    border-bottom: 1px solid var(--bs-gray-300);
}

.file-explorer .file-item.highlight-hover {
    background-color: var(--bs-gray-200) !important;
}

.file-explorer .file-item.highlight-selected {
    background-color: #e4effd !important;
}

.file-explorer .file-item.highlight-hover .form-check.form-check-solid .form-check-input:not(:checked) {
    background-color: white;

}

.file-explorer .file-item.dragover {
    background-color: #e4effd !important;
}

.file-explorer .file-item.dragover {
    * {
        pointer-events: none;
    }
}

/* ------------------------------ swal -----------------------------------------------*/

/* SWAL POPUP */
.swal2-icon-custom {
    border: none !important;
}

.swal2-icon-custom i {
    font-size: 1em;
}
/*--------------------------------- modal xl ---------------------------------------------------*/
@media (min-width: 1400px) {
    .modal-xl {
        --bs-modal-width: 1340px;
    }
}

/*--------------------------------- dropzone ---------------------------------------------------*/

.dropzone.readonly .dropzone-delete {
    display: none !important;
}

/*--------------------------------- multitext ---------------------------------------------------*/
.multitext input {
    margin-bottom: 6px;
}

/*--------------------------------- view where ---------------------------------------------------*/
.form-select-viewwhere {
    display: inline;
    width: inherit;
    padding: 0.50rem 3rem 0.55rem 1rem;
    vertical-align: middle;
}

/*--------------------------------- grid ---------------------------------------------------*/

/* hr header centratura verticale */
table.dataTable thead > tr > th {
    vertical-align: middle;
}

table.dataTable td {
    vertical-align: middle;
}

/* bottoni grid e form */
.grid-toolbar button, .form-toolbar button {
    margin-left: 6px;
}

table.nowrap td {
    white-space: nowrap;
}

table tr.filter td {
    padding-top: 0px !important;
    padding-bottom: 0.75rem !important;
}
/*
table.dataTable {
    width: inherit !important;
}*/
table tfoot {
    border-top: 1px solid var(--bs-gray-300) !important;
}

table tfoot th {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    font-weight: 600 !important;
}


    /* ---------------------------- INPUT TITLE ----------------------------------*/
.form-module .input-title {

    padding-bottom: 5px;
    margin-top: 12px;
    margin-bottom: 4px;
    /*margin-right: calc(var(--bs-gutter-x) * 0.5);
    margin-left: calc(var(--bs-gutter-x) * 0.5);*/
}

.form-module .input-title.text-info {

    border-bottom: 1px solid var(--bs-info);
}

.form-module .input-title.text-warning {
    border-bottom: 1px solid var(--bs-warning);
}

.form-module .input-title.text-danger {
    border-bottom: 1px solid var(--bs-danger);
}

.form-module .input-title.text-primary {
    border-bottom: 1px solid var(--bs-primary);
}

.form-module .input-title.first {
    margin-top: 0px;
}

.form-module .input-title span {
    font-weight: 500;
    padding: 6px 0px;
}

.form-check-label {
    color: var(--bs-gray-600) !important;
}

/* ---------------------------- Bottoni icona ----------------------------------*/
.btn i {
    margin-bottom: 2px;
}


/* ---------------------------- CK Editor Watermark ----------------------------------*/
.ck.ck-powered-by {
    display: none;
}