/** font custom **/
@import url('https://fonts.googleapis.com/css2?family=BBH+Hegarty&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: "Montserrat", sans-serif !important;
}
/****************/


/******** TAB **********************/
/* DISTINTIVO */
.nav-tabs .nav-link.tab-dist.active {
    background-color: #3f80ea !important;     /* blu distintivo */
    color: #fff !important;
    border-color: #3f80ea !important;
}

/* EMOZIONALE */
.nav-tabs .nav-link.tab-emoz.active {
    background-color: #e92424 !important;     /* rosso emozionale */
    color: #fff !important;
    border-color: #e92424 !important;
}

/* RELAZIONALE */
.nav-tabs .nav-link.tab-rela.active {
    background-color: #4cb782 !important;     /* verde relazionale */
    color: #fff !important;
    border-color: #4cb782 !important;
}


/* ***** autocomplete ***** */
.autocomplete-suggestions {
    border: 1px solid #fff;
    background: #fff;
    cursor: default;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #fff;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399ff;     
    font-weight: bolder;
}
/* ***** /autocomplete *****/

/* ***** reportrange disabled *****/
#reportrange.disabled {
    pointer-events: none;
    background-color:var(--bs-quaternary-bg) !important;
    opacity: 1;
}
/* ***** /reportrange disabled *****/

.input_readonly {
    background-color: #e9ecef; /* grigio chiaro, come nei disabled */
    color: #495057;
    cursor: not-allowed;
}

.input-container, .text-container {
    display: flex;
    align-items: center;
    position: relative;
    width: fit-content;
}

.input-container input, .text-container span {
    padding-right: 30px; /* Spazio per l'icona */
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    background-color: #f5f5f5;
    font-family: monospace;
}

.hidden-text {
    color: transparent; /* Nasconde il testo */
    text-shadow: 0 0 8px rgba(0,0,0,0.5); /* Effetto sfocato */
    transition: color 0.3s ease-in-out;
}

.hidden-text.visible {
    color: black; /* Mostra il testo */
    text-shadow: none;
}

.toggle-icon {
    position: absolute;
    right: -30px;
    cursor: pointer;
    font-size: 16px;
    color: #333;
}

/* hide recaptcha v3 */
.grecaptcha-badge { visibility: hidden; }



.form-control:disabled,.form-control[readonly] {
    background-color: #e2e8ee;
    opacity: 1
}



/* card.clickable */
.card.clickable {
    cursor: pointer;
    transition: .15s ease;
}

.card.clickable:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

.card.clickable:active {
    transform: scale(0.97);
}

/* Icona hover */
.card.clickable .action-indicator {
    opacity: 0;
    transition: .2s ease;
}

.card.clickable:hover .action-indicator {
    opacity: 1;
}



/* riempimento tl
.timeline .timeline-item.tl-success::before{ background: var(--bs-success); }
.timeline .timeline-item.tl-danger::before{ background: var(--bs-danger); }
.timeline .timeline-item.tl-warning::before{ background: var(--bs-warning); }
.timeline .timeline-item.tl-info::before{ background: var(--bs-info); } 
*/

/* cerchio tl */
.timeline .timeline-item.tl-success::before{ border-color: var(--bs-success) }
.timeline .timeline-item.tl-danger::before{ border-color: var(--bs-danger); }
.timeline .timeline-item.tl-warning::before{ border-color: var(--bs-warning); }
.timeline .timeline-item.tl-info::before{ border-color:v ar(--bs-info); }