:root{
    /*-----PALETTE-----*/

    /* Primary */
    --color-primary-50: 246, 247, 251; /* #f6f7fb */
    --color-primary-100: 218, 224, 238; /* #dae0ee */
    --color-primary-200: 186, 198, 223; /* #bac6df */
    --color-primary-300: 148, 166, 205; /* #94a6cd */
    --color-primary-400: 127, 148, 195; /* #7f94c3 */
    --color-primary-500: 98, 124, 181; /* #627cb5 */
    --color-primary-600: 73, 104, 170; /* #4968aa */
    --color-primary-700: 46, 81, 157; /* #2e519d */
    --color-primary-800: 39, 69, 133; /* #274585 */
    --color-primary-900: 28, 50, 96; /* #1c3260 */

    /* Secondary */
    --color-secondary-50: 243, 249, 246; /* #f3f9f6 */
    --color-secondary-100: 208, 229, 219; /* #d0e5db */
    --color-secondary-200: 166, 207, 187; /* #a6cfbb */
    --color-secondary-300: 115, 179, 147; /* #73b393 */
    --color-secondary-400: 86, 163, 125; /* #56a37d */
    --color-secondary-500: 46, 141, 94; /* #2e8d5e */
    --color-secondary-600: 30, 120, 75; /* #1e784b */
    --color-secondary-700: 24, 96, 60; /* #18603c */
    --color-secondary-800: 20, 81, 51; /* #145133 */
    --color-secondary-900: 14, 59, 37; /* #0e3b25 */

    /* Black */
    --color-black: 12, 16, 21; /* #0c1015 */

    /* Gray */
    --color-gray-50: 249, 250, 250; /* #f9fafa */
    --color-gray-100: 241, 241, 242; /* #f1f1f2 */
    --color-gray-200: 230, 231, 233; /* #e6e7e9 */
    --color-gray-300: 210, 212, 215; /* #d2d4d7 */
    --color-gray-400: 169, 173, 178; /* #a9adb2 */
    --color-gray-500: 121, 127, 136; /* #797f88 */
    --color-gray-600: 77, 85, 96; /* #4d5560 */
    --color-gray-700: 46, 55, 68; /* #2e3744 */
    --color-gray-800: 25, 32, 43; /* #19202b */
    --color-gray-900: 20, 26, 35; /* #141a23 */

    /* Purple */
    --color-purple-50: 248, 246, 251; /* #f8f6fb */
    --color-purple-100: 226, 220, 239; /* #e2dcef */
    --color-purple-200: 205, 194, 226; /* #cdc2e2 */
    --color-purple-300: 175, 157, 209; /* #af9dd1 */
    --color-purple-400: 154, 131, 197; /* #9a83c5 */
    --color-purple-500: 128, 98, 182; /* #8062b6 */
    --color-purple-600: 109, 76, 171; /* #6d4cab */
    --color-purple-700: 92, 54, 161; /* #5c36a1 */
    --color-purple-800: 76, 41, 140; /* #4c298c */
    --color-purple-900: 56, 30, 104; /* #381e68 */

    /* Pink */
    --color-pink-50: 251, 246, 248; /* #fbf6f8 */
    --color-pink-100: 239, 220, 229; /* #efdce5 */
    --color-pink-200: 226, 192, 208; /* #e2c0d0 */
    --color-pink-300: 208, 155, 181; /* #d09bb5 */
    --color-pink-400: 196, 129, 161; /* #c481a1 */
    --color-pink-500: 180, 95, 136; /* #b45f88 */
    --color-pink-600: 168, 70, 118; /* #a84676 */
    --color-pink-700: 150, 44, 95; /* #962c5f */
    --color-pink-800: 117, 34, 74; /* #75224a */
    --color-pink-900: 86, 25, 55; /* #561937 */

    /* Red */
    --color-red-50: 251, 246, 246; /* #fbf6f6 */
    --color-red-100: 238, 220, 220; /* #eedcdc */
    --color-red-200: 224, 190, 189; /* #e0bebd */
    --color-red-300: 206, 152, 151; /* #ce9897 */
    --color-red-400: 196, 131, 130; /* #c48382 */
    --color-red-500: 183, 102, 101; /* #b76665 */
    --color-red-600: 170, 76, 74; /* #aa4c4a */
    --color-red-700: 153, 47, 45; /* #992f2d */
    --color-red-800: 130, 40, 38; /* #822826 */
    --color-red-900: 94, 29, 28; /* #5e1d1c */

    /* Orange */
    --color-orange-50: 252, 250, 248; /* #fcfaf8 */
    --color-orange-100: 243, 236, 229; /* #f3ece5 */
    --color-orange-200: 229, 214, 199; /* #e5d6c7 */
    --color-orange-300: 209, 184, 157; /* #d1b89d */
    --color-orange-400: 191, 156, 119; /* #bf9c77 */
    --color-orange-500: 175, 131, 84; /* #af8354 */
    --color-orange-600: 159, 106, 50; /* #9f6a32 */
    --color-orange-700: 128, 84, 38; /* #805426 */
    --color-orange-800: 101, 66, 30; /* #65421e */
    --color-orange-900: 83, 54, 24; /* #533618 */

    /* Yellow */
    --color-yellow-50: 254, 254, 253; /* #fefefd */
    --color-yellow-100: 250, 249, 244; /* #faf9f4 */
    --color-yellow-200: 240, 237, 223; /* #f0eddf */
    --color-yellow-300: 228, 224, 198; /* #e4e0c6 */
    --color-yellow-400: 212, 205, 163; /* #d4cda3 */
    --color-yellow-500: 181, 169, 98; /* #b5a962 */
    --color-yellow-600: 151, 134, 44; /* #97862c */
    --color-yellow-700: 117, 105, 34; /* #756922 */
    --color-yellow-800: 88, 78, 26; /* #584e1a */
    --color-yellow-900: 73, 65, 21; /* #494115 */

    /* Green */
    --color-green-50: 249, 252, 250; /* #f9fcfa */
    --color-green-100: 221, 239, 230; /* #ddefe6 */
    --color-green-200: 184, 222, 204; /* #b8decc */
    --color-green-300: 144, 203, 174; /* #90cbae */
    --color-green-400: 100, 182, 142; /* #64b68e */
    --color-green-500: 54, 161, 109; /* #36a16d */
    --color-green-600: 39, 134, 88; /* #278658 */
    --color-green-700: 30, 104, 68; /* #1e6844 */
    --color-green-800: 25, 85, 56; /* #195538 */
    --color-green-900: 21, 70, 46; /* #15462e */

    /* Teal */
    --color-teal-50: 246, 251, 251; /* #f6fbfb */
    --color-teal-100: 216, 236, 237; /* #d8eced */
    --color-teal-200: 182, 220, 221; /* #b6dcdd */
    --color-teal-300: 141, 200, 201; /* #8dc8c9 */
    --color-teal-400: 87, 175, 176; /* #57afb0 */
    --color-teal-500: 45, 151, 153; /* #2d9799 */
    --color-teal-600: 36, 123, 124; /* #247b7c */
    --color-teal-700: 28, 95, 96; /* #1c5f60 */
    --color-teal-800: 24, 79, 80; /* #184f50 */
    --color-teal-900: 19, 65, 66; /* #134142 */

    /* Cyan */
    --color-cyan-50: 247, 250, 251; /* #f7fafb */
    --color-cyan-100: 221, 236, 239; /* #ddecef */
    --color-cyan-200: 206, 227, 232; /* #cee3e8 */
    --color-cyan-300: 189, 218, 224; /* #bddae0 */
    --color-cyan-400: 138, 189, 200; /* #8abdc8 */
    --color-cyan-500: 114, 175, 189; /* #72afbd */
    --color-cyan-600: 86, 160, 176; /* #56a0b0 */
    --color-cyan-700: 45, 134, 154; /* #2d869a */
    --color-cyan-800: 37, 110, 126; /* #256e7e */
    --color-cyan-900: 29, 85, 98; /* #1d5562 */

    /* Blue */
    --color-blue-50: 243, 246, 249; /* #f3f6f9 */
    --color-blue-100: 212, 223, 235; /* #d4dfeb */
    --color-blue-200: 180, 200, 220; /* #b4c8dc */
    --color-blue-300: 147, 175, 204; /* #93afcc */
    --color-blue-400: 115, 151, 189; /* #7397bd */
    --color-blue-500: 86, 130, 176; /* #5682b0 */
    --color-blue-600: 58, 109, 162; /* #3a6da2 */
    --color-blue-700: 38, 83, 130; /* #265382 */
    --color-blue-800: 31, 68, 106; /* #1f446a */
    --color-blue-900: 25, 55, 87; /* #193757 */


    /*Testo selezionato*/
    --selection_color: var(--color-primary-50);
    --selection_bkg_color: var(--color-primary-700);

    /*-----TESTI-----*/
    /*Dimensioni, spaziature e scale*/
    --font_size_base: 17px;
    --b1: clamp(1.0625rem, 1.5vw, 1.3125rem);
    --font-scale: 1.25;
    --scale_up: var(--font-scale);
    --scale_down: var(--font-scale);
    --lh-base: 1.4; /* leggibilità standard b1 */
    --lh-tight: 1.25; /* meno spazio per testi compatti es b2, capt, ov*/
    --lh-heading: 1.2; /* titoli normali es h5, h6*/
    --lh-display: 1.1; /* titoli grandi es. h4 < h1*/
    --h6: calc(var(--b1) * var(--scale_up));
    --h5: calc(var(--h6) * var(--scale_up));
    --h4: calc(var(--h5) * var(--scale_up));
    --h3: calc(var(--h4) * var(--scale_up));
    --h2: calc(var(--h3) * var(--scale_up));
    --h1: calc(var(--h2) * var(--scale_up));
    --b2: calc(var(--b1) / var(--scale_down));
    --capt: max(.75rem, calc(var(--b2) / var(--scale_down))); /*Per non scendere sotto il limite minimo di 12px*/
    --inputLabel: var(--b1);

    /*-----CONFIG-----*/
    /*Bordi*/
    --border-r: .5294rem;

    /*Campi*/
    --input-h: 3.5rem;

    /*Pulsanti*/
    --btnH: 3.2941rem;
}

/*-----TESTO-----*/
@font-face {
    font-family: 'font_body';
    src: url('../fonts/urbanist/Urbanist-Regular.ttf');
}
@font-face {
    font-family: 'ub';
    src: url('../fonts/urbanist/Urbanist-Bold.ttf');
    font-weight: bold;
}
@font-face {
    font-family: 'ui';
    src: url('../fonts/urbanist/Urbanist-Italic.ttf');
    font-style: italic;
}
@font-face {
    font-family: 'uib';
    src: url('../fonts/urbanist/Urbanist-BoldItalic.ttf');
    font-style: italic;
    font-weight: bold;
}
html, input, textarea, [contenteditable] {
    font-family: 'font_body';
}
.b1, .sub1, .btnL, input, textarea{
    font-size: var(--b1);
}
.b2, .sub2{
    font-size: var(--b2);
}
.h1{
    font-size: var(--h1);
}
.h2, .time_h input, .time_m input, .time_sep{
    font-size: var(--h2);
}
.h3{
    font-size: var(--h3);
}
.h4{
    font-size: var(--h4);
}
.h5{
    font-size: var(--h5);
}
.h6{
    font-size: var(--h6);
}
.capt, .ov, [data-badge]:after{
    font-size: var(--capt);
}
.b{
    font-family: 'ub';
    font-weight: bold;
}
.i{
    font-style: italic;
}

.h1, .h2, .h3, .h4, .h5, .h6{
    line-height: var(--lh-heading);
}
.h1, .h2, .h3, .h4, .h5, .h6,
.btnL{
    font-family: 'ub';
}
a{
    text-decoration: none;
}
.u{
    cursor: pointer;
    text-decoration: underline;  
    text-decoration-thickness: .1176rem;
    text-underline-offset: .2941rem;
}
.u:hover{
    text-underline-offset: .1176rem;
}
/*-----COMPONENTI UI-----*/
/*--SCROLLBAR--*/
::-webkit-scrollbar {
    width: 5px;
    width: .313rem;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    -ms-border-radius: 0.625rem;
    -o-border-radius: 0.625rem;
}
/*--PULSANTI--*/
.btn.lg, .btn.sm{
    border-radius: var(--border-r);
    -webkit-border-radius: var(--border-r);
    -moz-border-radius: var(--border-r);
    -ms-border-radius: var(--border-r);
    -o-border-radius: var(--border-r);
}
.btn.dense{
    --btnH: 3rem;
}
.btn i[class^="icon-"]{
    line-height: 2;
}
/*--CARDS--*/
.card{
    width: 20rem;
    height: 12.5rem;
}
.cardBox{
    margin: .5rem;
}
/*--PANNELLI--*/
[data-panel]:not(.menuArea){
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.timepicker_pan .pan{
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.bt_sec_fixed{
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: var(--border-r) var(--border-r) 0 0;
    -webkit-border-radius: var(--border-r) var(--border-r) 0 0;
    -moz-border-radius: var(--border-r) var(--border-r) 0 0;
    -ms-border-radius: var(--border-r) var(--border-r) 0 0;
    -o-border-radius: var(--border-r) var(--border-r) 0 0;
    z-index: 1;
}
.modal.m .pan{
    border-radius: var(--border-r);
    -webkit-border-radius: var(--border-r);
    -moz-border-radius: var(--border-r);
    -ms-border-radius: var(--border-r);
    -o-border-radius: var(--border-r);
}
/*--SNACKBAR--*/

/*--CHECKBOX, RADIO, SWITCH--*/
.chip, .switch .boxCont{
    border: solid .0625rem;
}
.chipArea{
    margin: .5rem;
}
.switch .boxCont .box {
    left: .5rem;
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}
.switch .opt.checked .boxCont .box {
    left: .5rem;
    height: 1.75rem;
    width: 1.75rem;
    transform: translateX(calc(100% - .9375rem));
    -webkit-transform: translateX(calc(100% - .9375rem));
    -moz-transform: translateX(calc(100% - .9375rem));
    -ms-transform: translateX(calc(100% - .9375rem));
    -o-transform: translateX(calc(100% - .9375rem));
}
/*--CAMPI--*/
.inputArea.disabled{
    opacity: .5;
}
.inputArea.filled[focus] .input input, .inputArea.filled.data .input input, .inputArea.filled[focus] .date_sep, .inputArea.filled.data .date_sep, .inputArea.filled .affixEl{
    top: .5rem;
}
.inputArea.filled[focus] .inputLabel, .inputArea.filled.data .inputLabel {
    top: .65rem;
}
.inputArea.filled .inputCont{
    border-radius: var(--border-r);
    -webkit-border-radius: var(--border-r);
    -moz-border-radius: var(--border-r);
    -ms-border-radius: var(--border-r);
    -o-border-radius: var(--border-r);
}
.inputArea.filled.error .inputCont{
    border: solid .125rem;
}
.inputSliderBox{
    margin: .5rem;
}
.inputArea .menuBox{
    max-height: 9.375rem;
    overflow-y: auto;
}
.optArea.checkbox .box, .optArea.radio .box{
    --checkbox_h: 2.5rem;
    border: none;
    height: var(--checkbox_h);
    width: var(--checkbox_h);
    line-height: 2.8;
}
.optArea.checkbox .box{
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
}
.optArea.radio .box{
    border-radius: var(--checkbox_h);
    -webkit-border-radius: var(--checkbox_h);
    -moz-border-radius: var(--checkbox_h);
    -ms-border-radius: var(--checkbox_h);
    -o-border-radius: var(--checkbox_h);
}
.waveform {
    fill: none;
}

.wave-bar {
}

.wave-bar:hover {
    height: 100%;
    y: 0;
}

[data-sec="chat_form"]{
    position: sticky;
    width: 100%;
    left: 0;
    bottom: 0;
}

.inputArea.autoresize .inputCont{
    max-height: 11.1111rem;
}
.upload_preview_box{
    position: relative;
}
.upload_preview_box .loadingBox{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
}
.upload_preview{
    --upload_h: 6.25rem;
    width: var(--upload_h);
    height: var(--upload_h);
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    -ms-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
}

.upload_preview:hover{
    opacity: .8;
}
.fileList li{
    list-style-type: none;
}
.uploadArea .loadingBox{
    visibility: hidden;
    opacity: 0;
}
.loadingBox.visible{
    visibility: visible;
    opacity: 1;
}
/*--DRAGGABLE SLIDER--*/
.drSlider .slide{
    height: 3.125rem;
    width: 18.75rem;
    margin: 1rem;
}
/*-----NAVBAR-----*/
.navArea{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.nav{
    height: 3.7647rem;
}
.logo img{
    height: 1.8824rem;
}
.navSect li{
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
}
.nav_link li{
    display: inline-block;
}
.nav_link li{
    margin-right: .5rem;
}
/*-----BALOON-----*/
.optChat{
    padding: var(--space-sm);
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
    cursor: pointer;
}
.baloon{
    max-width: 80%;
    min-width: 12rem;
    border-radius: var(--border-r);
    -webkit-border-radius: var(--border-r);
    -moz-border-radius: var(--border-r);
    -ms-border-radius: var(--border-r);
    -o-border-radius: var(--border-r);
}
.baloon.bot{
    float: left;
}
.baloon.user{
    float: right;
}
.baloon .name{
    text-wrap: nowrap;
}
[data-pag="chatList"] [data-form_result_area="chat"] .baloonArea:first-of-type {
    padding-bottom: 0;
}
[data-pag="chatList"] .listEl .indicator {
    position: absolute;
    width: .5rem;
    height: 100%;
}
.bot_waiting{
    text-align: center;
    width: 5rem;
    height: 2.5rem;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
    position: relative;
    line-height: 2;
    --translate_start: 0;
    --translate_end: 50%
}
.bot_waiting .icon_circle{
    display: inline-block;
    --icon_w: .625rem;
    width: var(--icon_w);
    height: var(--icon_w);
    border-radius: var(--icon_w);
    -webkit-border-radius: var(--icon_w);
    -moz-border-radius: var(--icon_w);
    -ms-border-radius: var(--icon_w);
    -o-border-radius: var(--icon_w);
    animation: loading 1s linear infinite;
    -webkit-animation: loading 1s linear infinite;
    animation-delay: var(--animation_delay);
}
.bot_waiting .icon_circle:nth-of-type(2){
    --translate_start: 50%;
    --translate_end: 0%;
}

/*-----LOADING-----*/
.loading_indicator {
  width: 64px;
  height: 64px;
  animation: rotate 2s linear infinite;
}
.loading_indicator .path {
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
  -webkit-animation: dash 1.5s ease-in-out infinite;
}
/*-----LISTE-----*/
.listEl{
    border-radius: var(--border-r);
    -webkit-border-radius: var(--border-r);
    -moz-border-radius: var(--border-r);
    -ms-border-radius: var(--border-r);
    -o-border-radius: var(--border-r);
}
[data-dt_chat]{
    cursor: pointer;
}
/*-----SEC-----*/
[data-sec="chat_intro"]{
    padding-top: 10vh;
}
/*
[data-form_result_area="chat"] .baloonArea:first-of-type{
    padding-bottom: 12rem;
}
*/
/*-----TAB-----*/
/*-----AVATAR-----*/
.avatar{
    display: inline-block;
}
.avatar.xl{
    --avatarH: 6.6667rem;
    border: solid .2778rem;
}
.avatar.xxl{
    --avatarH: 10rem;
    border: solid .2778rem;
}
/*-----TABELLE-----*/
[data-col="0"], [data-col="4"]{
    --col_w: 10vw;
}
[data-col="3"], [data-col="2"]{
    --col_w: 25vw;
}
.tb_body .row{
    height: 5rem;
}
/*-----SNACKBAR-----*/
.snk{
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
}
/*-----ANIMAZIONI, EFFETTI, TRANSIZIONI-----*/
.u,
.upload_preview,
.navSect li,
.hamburger .icon-bar,
.navDrawerArea,
[data-dt_chat],
.optChat,
.listEl{
    transition: ease all .25s;
    -webkit-transition: ease all .25s;
    -moz-transition: ease all .25s;
    -ms-transition: ease all .25s;
    -o-transition: ease all .25s;
}
/*LOADING*/
@keyframes loading {
    0%{
        transform: translateY(var(--translate_start));
        -webkit-transform: translateY(var(--translate_start));
        -moz-transform: translateY(var(--translate_start));
        -ms-transform: translateY(var(--translate_start));
        -o-transform: translateY(var(--translate_start));
    }
    50%{
        transform: translateY(var(--translate_end));
        -webkit-transform: translateY(var(--translate_end));
        -moz-transform: translateY(var(--translate_end));
        -ms-transform: translateY(var(--translate_end));
        -o-transform: translateY(var(--translate_end));
    }
    100%{
        transform: translateY(var(--translate_start));
        -webkit-transform: translateY(var(--translate_start));
        -moz-transform: translateY(var(--translate_start));
        -ms-transform: translateY(var(--translate_start));
        -o-transform: translateY(var(--translate_start));
    }
}
/* Rotazione continua */
@keyframes rotate {
  100% { transform: rotate(360deg); }
}

/* Effetto “cerchio spezzato” che cresce e si chiude */
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;  /* inizio piccolo punto */
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150; /* quasi circonferenza completa */
    stroke-dashoffset: -35;    /* inizio rotazione */
  }
  100% {
    stroke-dasharray: 1, 150;  /* si richiude */
    stroke-dashoffset: -125;   /* ritorno al punto iniziale */
  }
}
/*-----OMBRE-----*/

/*-----BKG-----*/
body{
    background: url(../media/img/bkg/grid.svg) no-repeat center center fixed;
    background-size: cover;
}

/*-----TEMI-----*/
.inputArea.filled .inputCont,
.navBox,
.gr_bkg_50,
.optArea.checkbox .box, .optArea.radio .box,
.menuBox{
    background: rgb(var(--color-gray-50));
}
.avatar, .gr_50,
.listEl.gr_bkg_400:hover{
    color: rgb(var(--color-gray-50));
}
.gr_bkg_100,
[data-dt_chat]:hover,
.menuBox .menuEl:hover{
    background: rgb(var(--color-gray-100));
}
.tb_body .row:nth-of-type(even) [data-col],
.optChat .ripple{
    background: rgba(var(--color-gray-100), .4);
}
html,
.gr_bkg_300{
    background: rgb(var(--color-gray-300));
}
.upload_preview,
.panArea.sheet.bt .dragHandle,
.bot_waiting,
.gr_bkg_400{
    background: rgb(var(--color-gray-400));
}
[data-dt_chat] .ripple,
.tb_body .row:hover [data-col],
.gr_Bkg_600_25{
    background: rgba(var(--color-gray-500), .25);
}
.gr_Bkg_600_8{
    background: rgba(var(--color-gray-500), .8);
}
.listEl.gr_bkg_400:hover{
    background: rgb(var(--color-gray-500));
}

.gr_c_600{
    color: rgb(var(--color-gray-600));
}
.bot_waiting .icon_circle{
    background: rgb(var(--color-gray-600));
}
.gr_bkg_800_60{
    background: rgba(var(--color-gray-800), .6);
}
body, html,
input, textarea, [contenteditable]{
    color: rgb(var(--color-gray-800));
}
.baloon.user,
.btn.filled.pr,
.snk,
.listEl.active,
.tb_header [data-col],
.optChat{
    color: rgb(var(--color-primary-50));
}
.navSect li:hover{
    background: rgb(var(--color-primary-100));
}
.navSect li.active,
.appBarArea.bt .appBar{
    background: rgb(var(--color-primary-100));
}
.navSect li.active:hover{
    background: rgb(var(--color-primary-300));
}
.btn.filled.pr .ripple, .btn.txt.pr .ripple,
.btn.outlined.pr .ripple{
    background: rgba(var(--color-primary-300), .25);
}
.btn.txt.n:hover, .btn.outlined.pr:hover{
    background: rgba(var(--color-primary-500), .25);
}
.u{
    text-decoration-color: rgb(var(--color-primary-700));
    -moz-text-decoration-color: rgb(var(--color-primary-700));
}
.btn.outlined.pr{
    color: rgb(var(--color-primary-700));
}
.btn.filled.pr,
.listEl.active,
.tb_header .col_name [data-col],
.optChat{
    background: rgb(var(--color-primary-700));
}
.loading_indicator .path{
    stroke: rgb(var(--color-primary-700));
}
.icon-bar,
.baloon.user,
.btn.filled.pr:hover,
.pr_bkg_900,
.snk,
.optChat:hover{
    background: rgb(var(--color-primary-900));
}
.baloon.bot{
    color: rgb(var(--color-green-50));
}
.baloon.bot,
.optChat:nth-of-type(even){
    background: rgb(var(--color-green-700));
}
.optChat:nth-of-type(even):hover{
    background: rgb(var(--color-green-900));
}
.btn.filled.error{
    color: rgb(var(--color-red-50));
}
.btn.txt.error:hover,
.btn.outlined.error:hover{
    background: rgba(var(--color-red-300), .25);
}
.inputArea.filled.error .inputCont, .inputArea.filled.error .hlp{
    color: rgb(var(--color-red-700));
}
.inputArea.filled.error{
    --ext_focus_visible: rgb(var(--color-red-700));
}
.btn.txt.error .ripple,
.btn.outlined.error .ripple{
    background: rgba(var(--color-red-700), .15);
}
.btn.txt.error,
.btn.outlined.error{
    color: rgb(var(--color-red-700));
}
.btn.filled.error{
    background: rgb(var(--color-red-700));
}

[data-fonte_chat="1"] .indicator{
    background: rgb(var(--color-yellow-500));
}

a{
    color: inherit
}
/*
body,html{
    background: var(--color-neutral-a0);
}
body, html{
    color: var(--color-neutral-a40);
}
.panArea.sheet .dragHandle,
.tooltip,
.snk,
.inputSlider .handleBox .handle_val{
    background: var(--color-neutral-a40);
}
.btn.filled,
[data-badge]:after,
.tooltip,
.snk,
.inputSlider .val_prev,
.num.sel,
.period_btn.active,
.inputSlider .handleBox .handle_val{
    color: var(--color-primary-0);
}
.navDrawerBox,
.time_period{
    background: var(--color-primary-0);
}
.btn.tonal, .btn.elevated,
.fab,
.chipArea.elevated,
.appBarArea.bt .appBar,
.appBarArea.tp .appBarBox,
.cardArea.filled .card,
.card:hover,
.modal .pan,
.modal.fs .panBox,
.panArea.sheet .pan,
.listEl,
.bni,
.navRailBox,
.navDrawer li.active, .navDrawer li:hover,
.optArea.checkbox .box, .optArea.radio .box,
.inputArea .inputCont,
.menu,
.progress.linear,
.dial{
    background: var(--color-primary-10);
}
.progress.circ circle.track{
    stroke: var(--color-primary-10);
}
.tabBox .divider{
    border-color: var(--color-primary-10);
}
.appBarArea.bt .fab,
.cardArea.filled .card:hover,
.bniBtn.active .indicator:before,
.navRailBtn.active .indicator:before, .navRailBtn:hover .indicator:before,
.navRailBtn .fab,
.navDrawer li.active:hover,
.switch .boxCont .box,
.menu .menuEl:hover, .menu .menuEl:active, .menu .menuEl:focus,
.timepicker_pan .pan,
.dial .num:hover,
.inputSlider .track{
    background: var(--color-primary-20);
}
.cardArea.outlined .card,
.optArea.checkbox .box, .optArea.radio .box,
.chip,
.switch .boxCont{
    border-color: var(--color-primary-20);
}
.btn.txt,.btn.outlined, .btn.tonal, .btn.elevated,
.fab,
.segBtn .opt,
.tab.primary .tab_index.active{
    color: var(--color-primary-60);
}
.progress.circle.ind circle,
.progress.circ circle.bar{
    stroke: var(--color-primary-60);
}
.segBtn,
.switch .opt.checked .boxCont,
.inputArea .inputBorder .line,
.inputArea .inputBorder .line:nth-of-type(2):after{
    border-color: var(--color-primary-60);
}
.btn.filled,
.radio .box .icon,
.switch .opt.checked .boxCont,
.drSlider .slide,
.progress.linear .bar, .progress.linear .stop,
.dial .num.sel, .dial-hand, .dial-hand:after,
.period_btn.active,
.tab .indicator,
.inputSlider .bar,
.inputSlider .handleBox .handle,
.inputSlider .limit_l,
.inputSlider .limit_r{
    background: var(--color-primary-60);
}
.wave-bar{
    fill: var(--color-primary-60);
}
.ripple{
    background: rgba(var(--color-primary-90-rgb), .3);
}
.wave-bar:hover{
    fill: var(--color-primary-90);
}
.btn.txt:hover, .btn.outlined:hover,
.segBtn .opt:hover{
    background: rgba(var(--color-primary-60-rgb), .08);
}
.btn.txt:active, .btn.outlined:active,
.segBtn .opt.checked{
    background: rgba(var(--color-primary-60-rgb), .1);
}
.segBtn .opt.checked:hover,
.checkbox .boxCont:after, .radio .boxCont:after{
    background: rgba(var(--color-primary-60-rgb), .2);
}
.inputSlider .val_prev{
    background: var(--color-accent-a50);
}
[data-badge_sm]:after, [data-badge]:after{
    background: var(--color-danger-a0);
}
.btn.tonal:hover, .btn.filled:hover, .btn.elevated, .btn.elevated:hover:active,
.fab, .fab:hover:active,
.cardArea.elev .card, .cardArea.elev .card:hover:active,
.cardArea.filled .card:hover,
.cardArea.outlined .card:hover,
.chipArea.elevated .chip, .chipArea.elevated .chip:active:hover{
    box-shadow: var(--bs-el-1) rgba(var(--color-primary-80-rgb), .5);
}
.btn.elevated:hover,
.fab:hover,
.cardArea.elev .card:hover,
.chipArea.elevated .chip:hover,
.menu,
.dropdown .menuBox{
    box-shadow: var(--bs-el-2) rgba(var(--color-primary-80-rgb), .5);
}
.tooltip{
    box-shadow: var(--bs-el-2) rgba(var(--color-neutral-a40-rgb), .5);
}
.snk{
    box-shadow: var(--bs-el-3) rgba(var(--color-neutral-a40-rgb), .5);
}
.btn.tonal:hover:active, .btn.filled:hover:active,
.appBarArea.bt .fab, .appBarArea.bt .fab:hover:active,
.navRailBtn .fab, .navRailBtn .fab:hover:active,
.cardArea.filled .card:hover:active,
.cardArea.outlined .card:hover:active,
.dropdown .menuBox .menu{
    box-shadow: var(--bs-el-0) rgba(var(--color-primary-80-rgb), 0);
}
*/
/*------------------MEDIA QUERIES------------------*/
/*----<= Tablet---*/
@media only screen and (max-width:61.99rem) {
    :root{
        --font-scale: 1.125;
    }
    .mainB{
        padding-top: var(--mainB);
    }

    /*--NAVBAR--*/
    .navDrawerArea, .appBarArea{
        position: fixed;
    }
    .navArea{
        z-index: 9;
    }
    .navDrawer{
        padding-top: 0;
    }
    .navDrawerArea{
        left: 0;
        top: 0;
        z-index: 8;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
    }
    .nav-opened .navDrawerArea{
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
    .hamburger .icon-bar{
        width: 1.5rem;
        height: .1875rem;
    }
    .hamburger .icon-bar:first-of-type{
        transform: translateY(-.125rem);
        -webkit-transform: translateY(-.125rem);
        -moz-transform: translateY(-.125rem);
        -ms-transform: translateY(-.125rem);
        -o-transform: translateY(-.125rem);
    }
    .hamburger .icon-bar:last-of-type{
        transform: translateY(.125rem);
        -webkit-transform: translateY(.125rem);
        -moz-transform: translateY(.125rem);
        -ms-transform: translateY(.125rem);
        -o-transform: translateY(.125rem);
    }
    .nav-opened .hamburger .icon-bar{
        transform-origin: center;
    }
    .nav-opened .hamburger .icon-bar:first-of-type{
        rotate: 45deg;
        transform: translateY(.125rem);
        -webkit-transform: translateY(.125rem);
        -moz-transform: translateY(.125rem);
        -ms-transform: translateY(.125rem);
        -o-transform: translateY(.125rem);
    }
    .nav-opened .hamburger .icon-bar:last-of-type{
        rotate: -45deg;
        transform: translateY(-.125rem);
        -webkit-transform: translateY(-.125rem);
        -moz-transform: translateY(-.125rem);
        -ms-transform: translateY(-.125rem);
        -o-transform: translateY(-.125rem);
    }
    /*--TEMI--*/
    .sms-gr_bkg_300{
        background: rgb(var(--color-gray-300));
    }
}
/*----Smartphone---*/
@media only screen and (max-width:42.99rem) {}
/*----Tablet---*/
@media only screen and (min-width:43rem) and (max-width:61.99rem) {}
/*----> Tablet---*/
@media only screen and (min-width:62rem) {}
/*----Desktop---*/
@media only screen and (min-width:62rem) and (max-width:81.99rem) {}
/*----Desktop grandi---*/
@media only screen and (min-width:82rem) {}
/*----Desktop molto grandi---*/
@media only screen and (min-width:120rem) {}
/*----Desktop standard---*/
@media only screen and (min-width:82rem) and (max-width:119.9rem) {}
/*----Orientamento landscape---*/
@media only screen and (orientation: landscape) {}
/*----FIREFOX---*/
@-moz-document url-prefix() {
    /*
    *{
        scrollbar-width: none;
    }
    html,
    body{
        scrollbar-width: thin;
    }
    */
}
/*----ACCESSIBILITÀ---*/
/*Alto contrasto*/
@media (forced-colors: active) {}