/*
    AIDOCS CSS
    ver 11.2024
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
html, body {overflow: auto; font-family: 'Montserrat', 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 0.95rem; background-color: var(--desk-back); color: var(--desk-fore);}

/* ELEMENTI */
.custom-range { accent-color: var(--brand-color); border-radius: 25px; }
.form-check-input:checked { background-color: var(--brand-color); border: none; }
.accordion-button:not(.collapsed) { color: var(--desk-fore); background-color: var(--desk-back); }

/* GENERIC */
h6 {font-size: 1.1rem;}
h5 {font-size: 1.15rem;}
h4 {font-size: 1.2rem;}
h3 {font-size: 1.25rem;}
h2 {font-size: 1.3rem;}
h1 {font-size: 1.35rem;}

a { color: var(--brand-color); text-decoration: none; }

.f-10 { font-size: 1rem; }
.f-09 { font-size: 0.9rem; }
.f-08 { font-size: 0.8rem; }
.f-07 { font-size: 0.7rem; }
.f-06 { font-size: 0.6rem; }
.f-05 { font-size: 0.5rem; }

.pointer { cursor: pointer; }

input, textarea { background-color: var(--input-back); color: var(--input-fore); }

/* BARRE SCORRIMENTO */
/* Per Webkit (Chrome, Safari) */
::-webkit-scrollbar {width: 12px; }
::-webkit-scrollbar-track {background: var(--border);}
::-webkit-scrollbar-thumb {background: #888;border-radius: 6px;}
::-webkit-scrollbar-thumb:hover {background: #555;}
/* Per Firefox */
* {scrollbar-width: thin;scrollbar-color: #888 var(--border);}
/* Per Internet Explorer e Edge */
.overflow {scrollbar-face-color: #888;scrollbar-track-color: var(--border); scrollbar-width: thin;scrollbar-color: #888 var(--border);}

.colResize {
    flex: 0 0 0.5%;
    cursor: col-resize;
    background-color: var(--desk-back);
    color: var(--desk-fore);
    padding: 0;
}

/* WAITH */
#waith {height: 100%;z-index: 99999;position: fixed; width: 100%; background-color: rgba(0,0,0,0.25);}

/* ICONS */
.icons-options img { cursor: pointer; }
.icons-options-left { margin-left: 40px; }
.icons-menu-chat { padding: 5px; }
.icon-body-title { height: 20px; }
.form-group label { font-size: 0.9rem; margin-bottom: 5px; font-weight: 500; }

/* TOOLTIP */
.tooltipInfo { position: absolute; background-color: #000; border: 1px solid #ccc; color: #fff; padding: 5px; border-radius: 5px; font-size: 14px; z-index: 99; display: none; }

/* BOOTBOX MODAL */
.modal-body { padding: 1.5rem; }
.bootbox-close-button { float: inline-end; border-radius: 20%; border: 1px solid #6e737b; }
.bootbox-accept { background-color: var(--brand-color) !important; border: none; }
 
/* TOP */
#mainTop { z-index: 1039; position: fixed; width: 100%; background-color: var(--main-top-back); }
img#logoTop { height: auto; max-height: 50px; width: 125px; 
    background-image: var(--logo-head);
    background-repeat: no-repeat; background-size: contain; background-position-x: left; background-position-y: center; }
img#userTop { height: 40px; width: 40px; }
#userMail {line-height: 1rem;}

/* MENU' */
#menu { width: 80px; margin-right: 30px; position: -webkit-sticky; position: sticky; top: 60px; z-index: 1020 }
#menu img { height: 25px !important; width: 25px !important; }
#menuSidebar { height: calc(100vh - 65px); }
.nav-item a > i {font-size: 1.4rem;}
#menuOpenClose { top: 25px; left: 85px; }
.menuExportChat { position: absolute; padding: 10px; border-radius: 5px; font-size: 14px; z-index: 99; }
.optionActive { background-color: var(--desk-back) !important; color: var(--brand-color) !important; }

/* CHAT */
#textChat { font-size: 0.9rem !important; }
img#logoHome { height: auto; max-height: 150px; width: 200px; 
    background-image: var(--logo-welcome); 
    background-repeat: no-repeat; background-size: contain; background-position-x: center; background-position-y: bottom; }
#bodyAdmin, #bodyHome, #bodyWsCron { max-height: calc(100vh - 60px); z-index: 9; }
#chatHead, #textChat { display: none; }
.toast-front{ z-index: 99; }
a.chat-edit { text-decoration: none; cursor: pointer; color: #6e737b; }
a.chat-edit:hover { color: var(--brand-color); }

button.chatAgenti { font-weight: 500; padding: 10px 15px; }
.icon-user { width: 30px !important; height: 30px !important; }

.chatResultHome { height: calc(100vh - 200px); }
.chatResultChat { height: calc(100vh - 300px); }
.chatStopped    { color: #9ea1a7; font-style: italic; }

#chatResult img { width: 200px; }
#chatEdit img { height: 25px; cursor: pointer; }
#chatEditArea { max-width: 1200px; }
#chatText { min-height: 80px; max-height: 80px; border-radius: 25px; }
#chatAdd { width: fit-content; border-radius: 20px; }

#chatSupport { margin-top: 6px; height: calc(100vh - 70px); overflow: auto; background-color: var(--desk-back-sidebar); }

.homeChatHistoricalToday { overflow-y: auto; overflow-x: hidden; 
    height: 100%;                /* Fallback per browser che non supportano le altre proprietà */
    height: -moz-available;      /* Browser basati su Mozilla */
    height: -webkit-fill-available; /* Browser basati su WebKit */
    height: fill-available;      /* Standard */ }
.chatAddOption { display: none; }
.chatHistoricalHome:hover, .chatPromptHome:hover { background-color: var(--btn-agent-back); cursor: pointer; }

/* CHAT OPTION - MEMORIA */
#memoryBlock > label.btn-outline-secondary {color: var(--desk-fore);}

/* ARCHIVIO */
#bodyTableChatArchivio {overflow-y: auto; max-height: calc(100vh - 250px);}
#bodyTableChatPreferiti {overflow-y: auto; max-height: calc(100vh - 250px);}

/* TABLE */
table { background: #fff; border: solid 1px #ddd; margin-bottom: 1.25rem; table-layout: auto; }
table thead { background: #F5F5F5; }
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td { display: table-cell; padding: 5px 10px; }

/* USER ACTION */
i.btn-action {cursor: pointer;}
i.fa-asterisk:before { content: "\F151"; justify-content: flex-end; font-family: "bootstrap-icons"; color: var(--brand-color); font-size: 0.8rem; }
i.fa-asterisk:after { content: ""; }

.agenteSelezionato { background-color: var(--desk-back) !important; color: var(--brand-color) !important; border: 1px solid var(--brand-color) !important; }
button.chatAgenti:hover { background-color: var(--desk-back) !important; color: var(--brand-color) !important; border: 1px solid var(--brand-color); }

/* BRANDING */
.aidocs-background { background-color: var(--brand-color); }
.aidocs-background-form { background-color: var(--desk-back-sidebar); }
.aidocs-font { color: var(--desk-fore) !important; }
.aidocs-title { color: var(--brand-color) !important; }

/* BLOCCHI OPERATIVI */
.boxData { max-height: calc(100vh - 60px); z-index: 9; }

/* BOOTBOX */
.bootbox .modal-footer { display: flex; justify-content: space-between; }

/* FEEDBACK */
.zsfbtop { left: auto !important; right: 91px !important; display: none !important; }
.feedbacklab { font-size: 14px !important; }
.zsfbleft span, .zsfbright span, .zsfbtop span, .zsfbbottom span, .zsfbbottomwithchat span { padding: 5px 10px !important; }

/* WYSING */
.note-editable { color: var(--desk-fore); }

/* MOBILE */
@media (max-width: 1280px) {
    .welcome { font-size: 1.5rem; }
    ul#menuOptionsTop > li, ul#menuOptionsBottom > li {height: 45px;}
    #chatText { min-height: 60px; max-height: 60px; font-size: 0.9rem; }
    .chatResultHome { height: calc(100vh - 180px); }
    .chatResultChat { height: calc(100vh - 270px); }
    button.chatAgenti { font-size: 0.9rem; }
}