/*
____    __    ____  ___       __  ___  __  ____    __    ____  __  
\   \  /  \  /   / /   \     |  |/  / |  | \   \  /  \  /   / |  | 
 \   \/    \/   / /  ^  \    |  '  /  |  |  \   \/    \/   /  |  | 
  \            / /  /_\  \   |    <   |  |   \            /   |  | 
   \    /\    / /  _____  \  |  .  \  |  |    \    /\    /    |  | 
    \__/  \__/ /__/     \__\ |__|\__\ |__|     \__/  \__/     |__| 

    2023                                                                  

    sovrascrive solo ALCUNE voci di un Css più ampio 

====================================================================
=== OTTIMIZZAZIONI RESPONSIVE - usiamo le dimensioni standard di BOOTSTRAP 
=== https://getbootstrap.com/docs/5.2/layout/breakpoints/ 
====================================================================

colori cascina 
    verde   #6bb945
    giallo  #dddb77
*/

:root {  
        --colorebase1:gray;  /*#009ef7;  #381567 #c47b09 #965a09 #00bcc2*/
        --colorebase2:#eee;  /* #e29b06 #7bbb58*/
        --colorebase3:#dddb77;  /*rgba(222,196,178,0.8); #;   */
        --colorebase4:#f3daac;  /*  */
        --colorebase5:#3dfcb0;  /* verdino-acqua  */
        --coloreSfondo:#f4f7fa;           
}


body {

    font-family:  "Roboto", "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: rgb(50, 49, 48);
}
 .btn_tondo   { border-radius:50%; border:2px solid #ccc; color:#555; font-size :11px; float:left; height: 2rem; width: 2rem; padding:15% 0; margin:3px; text-align:center;}

b, strong {  font-weight: 700;}

#wrapper { margin-top: 50px; }
#wrapper #content-wrapper { overflow-x:auto; box-shadow: 0 0.15rem 0.75rem 0 rgba(58, 59, 69, 0.15) !important;padding-top: 1rem; }


.sidebar .nav-item .nav-link {  width: 100%; }

.sidebar.toggled .sidebar-brand { display:none!important; }

.sidebar-menu-item { overflow: visible;}

.topbar { background-color: var(--colorebase1); 
        position:fixed!important; top: 0; width: 100%; z-index:1000;    height:50px;    
}

.sidebar.toggled .nav-item .nav-link i {   font-size: 1.85rem; }

/* ===================================================================================*/
/* Luca - SEZIONI di PAGINA SPECIALI */
.container-fluid   { min-height:80vh; }

.help_html i { color: white; }
.help_html h3 { color: #555; }

.box_avvisi { z-index: 100; margin-top:2rem; margin-bottom:2rem; }
/*.alert.alert-warning {  padding: 10px 0;  margin-top: 10px; }*/

.css_info_generali { transition:all 0.8s ease-in-out; padding-left:30%; font-size:80%; }
.css_info_generali .badge { padding : 5px 10px;  margin-right: 10px; color:#555!important; }
.css_info_generali * {  vertical-align: middle ; }

.p-5 { }
.ui-progressbar .ui-progressbar-value { margin-top:0;}

.bg-dark {background-color: var(--coloreSfondo) !important;}

 a:hover                { color: #562399;}

    xsmall { font-size: 0.7rem; line-height: 50%;}

 .nowrap {  white-space:nowrap!important; }
 .nowrap .form-control{  display:inline-block; }

 label  { margin-top:10px; }

.BoxTipo .card-body div:first-child label {  margin-top: 0;}


/* ===================================================================================*/
/* Luca - LISTE E TABELLE */

.table { border-bottom: 3px solid #e3e6f0!important; border-top: 3px solid #e3e6f0!important; }
.table thead th { letter-spacing: inherit; font-weight:bold;}
.table th, .table td { padding: 0.35rem 0.75rem;  vertical-align: middle; }
.table thead th, .table thead td { border-top: 4px solid #e3e6f0; border-bottom: 4px solid #e3e6f0; font-weight: bold; font-size:0.9rem;}

.box_sottotabella { font-size: 85%!important;}
.box_sottotabella * { font-size: 0.85rem!important;}
.box_sottotabella .css_paginazione { display:none;}
.box_sottotabella .form-control { font-size: 0.85rem!important; height:25px; padding:0 0.75rem;}
.box_sottotabella th, .box_sottotabella td {  font-size: 85%!important; }

.css_paginazione { color:#333; text-transform:uppercase; font-weight:700; font-size:11px; text-align:right; width:100%;}
.css_paginazione>div { margin-top:10px; }

.css_lista_editabile .css_lista_rigamodificata { background-color: #D7AB69!important; }
.css_lista_editabile .css_lista_rigasalvata { background-color: #93C489!important;  border-radius:5px;}
.css_ajax_load { position: absolute; z-index: 100; top: 40%; left: 20%; padding: 10% 30%; background-color: rgba(255,255,255,0.85); transition: all ease-in 0.5s; }

.record_nuovo td:first-child { padding-left:30px;  }
.record_nuovo td:first-child img { margin-top: 3px;height: 20px;width: auto;position: absolute;left: 5px; }

.record_nuovo .campo_editabile {}
.record_nuovo .campo_editabile input::placeholder { font-size:0.85rem; font-style:italic; color:var(--colorebase1); }

.limiter table.minitabella        {  border:none; background-color:transparent; }
.limiter table.minitabella tr, .limiter table.minitabella td { background-color:transparent; border:none; }
.limiter table.minitabella tbody tr { height:auto; }
.limiter table.minitabella td     {  padding: 2px 5px; margin:0; font-size:0.8rem; line-height:120%; }


/* ===================================================================================*/
/* Luca - FORM */

 .autocomplete-register .form-control { font-size: 0.8rem; border-radius: 10rem; padding: 1.5rem 1rem; }

 .select2-container .select2-selection--single { height:auto!important; }
 .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0.2rem 0.75rem; }

 .css_indicatori_stato .alert { padding:3px 5px; margin:0 3px; width:auto; font-size:9px;float:left; }

 .css_box_azioni > * { margin:0 2px; border-radius:3px; background: #eee; transition:all 0.3s ease-in-out; padding:2px;} 
 .css_box_azioni > *:hover { background: #fff; }


h6 { font-size:1.4rem; display: inline-block; margin-right:20px; }


.card { border-radius: 1rem; min-width: 100%; width: auto; float: left;}

fieldset    {  border-radius: 4px;  border: solid  2px #eee;  padding: 5px; margin:0.5rem 0 1.2rem 0!important;  }

legend      {  width: auto;   height: 14px;  margin-left: 10px;  margin-bottom: 18px; padding: 0 5px;
                font-size: 0.85rem;  line-height: 1.33; color: #999;  
                border-bottom: none !important; 
}

.form-control { height:auto; }

 .css_autocomplete_input, .ui-widget.ui-widget-content { border: 1px solid #0b89c2; outline: 2px solid #00bef7;border-radius: 0.35rem; }
 .ui-widget.ui-widget-content {  z-index: 9900; }

/* ===================================================================================*/
/* Luca - BOTTONI  */

    .btn_nuovo i { color: white; }

    .btn_nuovo2  { background-color: var(--colorebase1); }
    .btn_nuovo2, .btn_nuovo2 i { color: #eee; }
    .btn_nuovo2 small { font-weight:bold; }

    .btn_nuovo3  { background-color: aquamarine; }
    .btn_nuovo3, .btn_nuovo3 i { color: #333; }

    .btn_nuovo4  { background-color: cornflowerblue; color:white; }

    .bottone_arrotondato  { margin-left:2rem; background:#bbb; color:#fff; border-radius:2rem; }
    .btn-icon-split .icon {  background-color: transparent;}

    .bg-gradient-primary-to-secondary { background: linear-gradient(135deg, rgba(105, 0, 199, 1)  0%, rgba(105, 0, 199, 0.2) 100%) !important; }

    .bg-gradient-header { background-color: var(--grigio-sfondo);  }

  /*  button > i { margin-right:10px; }    */

/* ===================================================================================*/
/* Luca - riprese dal tema online */


.page-header-container { margin-left:-10px; margin-right:-10px; border-radius: 5px 5px 0 0; margin-top: 7px; }
.page-header-container+div { margin-top: -5vh;}

.page-header { padding: 10px 20px;  position:relative; paddding-top:0px ; }
.page-header h1 {     color: #555; }
.page-header-subtitle { color: var(--colorebase2);   }

.page-header-icon { margin-right: 0.5rem; margin-left: 3rem; display: inline-block; font-size: 1.4rem; color: var(--colorebase2);}

.page-header-title { font-size: 1.3rem;  color: #fff;font-weight:700;margin: 0; }
.page-header-title a , .page-header-title a:hover { text-decoration:none;  } 
.page-header-title img  { max-height:2rem; width:auto; vertical-align:middle; } 

.page-header-title:nth-child(2) {margin-left: -15%;  }

.titolo_app  {  color: var(--colorebase2); font-style:italic; font-weight:normal; vertical-align: middle; } 

.topbar .nav-item .nav-link {   height: auto; }

.filtri { border-radius: 0.35rem; background: #fff; margin-bottom: 1rem; }
.filtri .card-header[data-toggle="collapse"] { display:inline-block; padding: 0.1rem 1rem 0.1rem 1rem; }

.filtri .filtri_bottoni {display:flex; align-items:flex-end;  row-gap: 20px; }
.filtri .filtri_bottoni .btn { min-height:2.5rem;  }


.card-custom-header{    background: #e3e6f0;    color: #616161;    font-weight: bold;}

.sidebar #sidebarToggle , .sidebar.toggled #sidebarToggle , sidebar #sidebarToggle:focus ,sidebar #sidebarToggle:link ,sidebar #sidebarToggle:hover ,
.sidebar #sidebarToggle::after, .sidebar.toggled #sidebarToggle::after
    { border:none; outline:none; box-shadow: none; }  
.sidebar #sidebarToggle::after, .sidebar.toggled #sidebarToggle::after { content:'';  }  

.box_bottoni        { margin: 1rem 0; }
.box_bottoni > *    { margin-left:0.5vw; }

.box_bottoni > div  { margin-left: 2vw; margin-top: 0;}
.box_bottoni > div:first-child  { margin-left: 0; }

 .topbar .dropdown-list .dropdown-header { background-color: #e74a3b; border: 1px solid #e74a3b;}
 .scroll-to-top             { right:initial; left:1rem;}

.img-thumbnail { max-width: 40px;  }
.img-thumbnail.nelForm { transition:all 0.5s;  position:absolute; bottom:0;}
.img-thumbnail.nelForm:hover { max-width: 10vw;}

/* ===================================================================================*/
/* Luca - MENU laterale */

/* per bug pagina calendar*/
.sidebar.toggled .nav-item .collapse, .sidebar.toggled .nav-item .collapsing {     z-index: 1000; }

.login-bck{  background-size: 100% 100%; }

.sidebar-brand-icon { width:4vw; min-width: 50px; }

.icona , .icona img, img.icona  { color: var(--colorebase1) !important; }
img.icona { width: 18px ; height:auto;} 


.sidebar-dark .nav-item .collapse .collapse-inner           { background: #333; color: #fff; }
.sidebar-dark .nav-item .collapse .collapse-inner a         { color: #999;  }
.sidebar-dark .nav-item .collapse .collapse-inner a:before  { color: var(--colorebase1); content:'➜'; margin-right:10px; }
.sidebar-dark .nav-item .collapse .collapse-inner a:hover   { color: #fff; }


.sidebar-brand {  height: 2.375rem; background:linear-gradient(360deg,#1e1e2d 0%,  #999 100%); flex-direction:unset; }
.sidebar-brand-icon {  padding:0px 5px; border-radius:6px;   justify-content: center;}
.sidebar-brand-text {   color: #fff /*var(--colorebase1)  #3dfcb0*/ ; margin:0;}
 
.sidebar-dark .nav-item .nav-link i         { transition:all linear 0.5s;}
.sidebar-dark .nav-item .nav-link i:hover   { zoom:2; }
/*
.sidebar-brand>div { float:left; width: auto; display:inline-block; }
.sidebar-brand-text { background:#555; padding:0px 5px; border-radius:6px;  }
*/

 .sidebar .nav-item .nav-link.nav-link-compatta { padding : 0.4rem 1rem; }

.sidebar-dark .nav-item .nav-link,.sidebar-dark .nav-item .nav-link::after {  color:var(--colorebase1) !important;  }
.sidebar-dark #sidebarToggle, .sidebar-dark #sidebarToggle::after {  color: var(--colorebase1) !important; }


#sidebarTodoCambia { position:relative; }

#sidebarTodoCambia .MenuScomparsa{ position:absolute; top:40px; left:40px;  
                                    width:0; height:0; background-color:#fff; visibility:hidden; opacity:0; 
                                    transition:width ease-in 0.6s, height ease-in 0.3s, opacity ease-in 1.3s;
                                }
#sidebarTodoCambia .MenuScomparsa.visibile{ visibility:visible;   width:20vw; height:90vh; overflow-y:auto; opacity:1;     box-shadow: 0 0.15rem 0.75rem 0 rgba(58, 59, 69, 0.35);  border-radius: 5px;}

.appM365Link        {  margin: 10px 0;  display: flex; align-items: center;}
.appM365Link img    {  margin-right: 9px; }
.appM365Link span   {   }

/* ===================================================================================*/
/* Luca - pagina ERRORE */

 #notfound .notfound        { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
 .notfound                     { max-width: 410px; width: 100%; text-align: center;}
 .notfound .notfound-404    { height: 280px; position: relative; z-index: -1; }
 .notfound .notfound-404 h1 { font-size: 230px; margin: 0px; font-weight: 900; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: linear-gradient(360deg, var(--colorebase2) 10%, var(--colorebase1) 50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: cover; background-position: center; }
 .notfound h2               { color: #000; font-size: 24px; font-weight: 700; text-transform: uppercase; margin-top: 0; }
 .notfound p                { color: #000; font-size: 14px; font-weight: 400; margin-bottom: 20px; margin-top: 0px; }

/* ===================================================================================*/
/* Luca - pagine particolari  */

    .minibox_dettagli               { display:flex; margin-bottom:2rem;}
    .minibox_dettagli > div         { display:inline-block;  padding:7px;  margin:0.3rem 0.5rem;  font-size: 0.9rem; border-radius: .325rem; 
                                      border:1px #eee solid;}

    .minibox_dettagli > div  >div   { display:block;  }
    .minibox_dettagli p             { font-size: 90%; color: gray; display:block;  }

    .pratica_intestazione h6    { padding: 5px 10px; margin-left:-20px; color:#999; }
    .pratica_intestazione hr    { border-bottom:2px solid  #009ef7;  color:#009ef7 ; }
    .pratica_intestazione h5    { padding: 5px 10px; }

    .box_stato                  {   font-size: 90%; padding: .325rem .5rem; font-size: .85rem; font-weight: 600; line-height: 1; 
                                    color: #555; text-align: center;white-space: nowrap;    vertical-align: baseline; border-radius: .325rem;  
                                }

/*
    .box_stato_BOZZA                {  color: #555; background-color:#ffdba5;  }
    .box_stato_PREVENTIVO           {  color: #555; background-color:#f8867c;  }
    .box_stato_LAVORATO             {  color: #555; background-color:#48e7c0;  }
    .box_stato_FATTURATO            {  color: #555; background-color:#5dc4fb;  }
*/
    .box_stato_BOZZA                {  color: #555; background-color:#fefec9;  }
    .box_stato_PREVENTIVO           {  color: #555; background-color:#fecc94;  }
    .box_stato_APPROVATO               {  color: #fff; background-color:#cc982b;  } /*#ff6524*/
    .box_stato_INLAVORAZIONE        {  color: #fff; background-color:#d2351e;  }
    .box_stato_COMPLETATO             {  color: #555; background-color:#94fc93;  }
    .box_stato_FATTURATO            {  color: #fff; background-color:#0096ff;  }
    .box_stato_ANNULLATO            {  color: #844042; background-color:#fadbd8;  }
    
    .BoxTipo { display: none; margin: 1rem; background-color: #f6fbf6; border-radius: 6px; }
    .BoxTipo + div { margin-top: 1rem; }


    .pratica_dettaglio          {   padding-bottom: 1rem; }

    .dettaglio_icona            {   text-align:center; margin-top: -1rem; margin-bottom: -1rem;
                                    background-image: url('/img/sfondo_tratteggiato.png');   
                                    background-repeat: repeat-y;  background-position-x: center;  background-position-y:bottom;
                                    padding-top: 1rem;
                                }

    .dettaglio_descrizione           { border-bottom: 1px solid #eee; padding-bottom:1rem; font-size: 16px; }
    .dettaglio_descrizione  small    {color:gray; font-size: 80%;}
    .dettaglio_descrizione  i        {color:var(--colorebase1); font-style:normal;}


    .allegati        {}
    .allegati img    { height: 30px; width:auto; }
    .allegati  i.fa,.allegati  i.fas,.allegati  i.far        {color:var(--colorebase5);}


    .btn:disabled { cursor: not-allowed;  }

    .css-pagina-identity .nav-pills.nav-stacked li { 
                            padding: 0.5rem 0;
                            margin-left: -0.5rem;
                            border-bottom: 1px solid #e0e0e0;
                            display: block;
                            width: 100%;
                            /* text-align: left;  */
    }
    .css-pagina-identity .nav-pills.nav-stacked li:hover { background: #eee;}


    .sidebar .nav-item .collapse .collapse-inner .collapse-item  { margin: 0 0.1rem; }
    .sidebar .nav-item .collapse .collapse-inner .collapse-item:hover  { color:#000; background-color:#b3d9f1;font-weight:700; }

/* --------- PAGINA HOME */

   

    .statistiche { font-size: 120%; }
        .statistiche tr { border-bottom-color: #e4e6ef; border-bottom-width: 1px; border-bottom-style: dashed; }
        .statistiche td { padding: 1rem 0.7rem; }

        .statistiche table { width: 100%; }
        .statistiche thead td { color: gray; }
        .statistiche tbody td { }

        .statistiche tbody tbody td { font-size: 80%; padding: 5px; }
        .statistiche tbody tbody tr { border-bottom: none; }

        .statistiche .progress { width: 100px; }

    .rounded-start-0 { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }

    .bottoncini { vertical-align: bottom; }
    .btnDettagli { position: absolute; top: 1rem; right: 1rem; font-size: 80%; background: #bbb; content: 'Dettagli'; }
        .btnDettagli.vediGrafico { content: 'Grafico'; }

    .statistiche.generali > tbody > tr > td:nth-child(2) { width: 100%; text-align: right; }

    .invisibile { display: none; }



    .strumenti_m365 a,   .strumenti_todocambia a   { padding-top:20px; }
    .strumenti_m365 .shadow, .strumenti_todocambia .shadow { 
        box-shadow: 0 0.15rem 0.25rem 0 rgba(58, 59, 69, 0.15); margin:  0.25rem 0.5rem;
    }

    .strumenti_m365 a           { height: 80px; padding: 20px 0; }
    .strumenti_todocambia a     { height: 200px; }
    .strumenti_todocambia b     { font-size:150%; margin-top:10px; }


    .strumenti_m365 img,    .strumenti_todocambia img   { width: auto;  max-width: 100%; }

    .strumenti_m365 img         { max-height: 80px;  }
    .strumenti_todocambia img   { height: 120px; }
                                
    .box_container { border-radius: 4px; border: solid 2px #d3dee9; background: #fff; width: 100%; margin: 0.5rem; }
    .box_container:hover,.box_container:focus {  box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.3), 0 1px 10px 2px rgba(56, 21, 103, 0.3);  }

    .box_titolo     {   display: block; float: left; width:100%; min-height: 55px; font-size: 22px; font-weight: bold; line-height: 1.25;
                        background: #f4f7fa; letter-spacing: 0.2px; color: #31363a; padding: 6px 16px; }


    .box_container a { display: inline-block; padding: 3px 12px;  border-radius: 2px;
        font-size: 16px; font-weight: bold; text-align: left; 
        color: #8799ab; text-decoration: none; 
    }


    .voce_icona { text-align: center; margin-top: 0; margin-bottom: 0; 
        background-image: url('/img/sfondo_tratteggiato.png'); 
        background-repeat: repeat-y; background-position-x: center; background-position-y: bottom; 
        padding-top: 1rem; width: 100px; height:70px; overflow:hidden; 
    }

    .voce_descrizione { border-bottom: 2px solid #f4f7fa; width: calc(100% - 120px); 
        display: flex; align-items: center;  word-wrap:normal;
    }

    .voce_icona .btn-circle.btn { border: 2px solid #ddd; border-radius: 50%; padding: 1rem; color: gray;
        background: radial-gradient(#eee, #ddd); }

     .iconaEvidenzaMedia { background: #fdf3d8 !important;  }
     .iconaEvidenzaAlta { background:  #EDD59E  !important; border-color:#B89B72 !important; }

     .linkEvidenzaAlta { color:peru!important; }

   /* -------------------------------------- */



   /* --------------------------------------  -------------------------------------- */
   /* --------------------------------ANIMAZIONI  ------------------------------- */
   /* --------------------------------------  -------------------------------------- */

    @keyframes zoom-in-zoom-out {  0% {    transform: scale(1, 1);  }  50% {    transform: scale(1.5, 1.5);  }  100% {    transform: scale(1, 1);  } }
    .animazione_inOut {   animation: zoom-in-zoom-out 1s ease infinite; }

    @keyframes MoveDxSx {        0%, 100% { left: -30%; }        50% { left: 30%; }    }
    #logoAnimato { animation: MoveDxSx 7s ease-in-out infinite; }

/*
    @keyframes MoveUpDown {  0%, 100% {left: -10%;top: -20%;}  50% {left: 10%;top: 20%;}}
    * { animation: MoveDxSx 10s ease-in-out infinite; }
    *:first-child { animation: MoveUpDown 15s ease-in-out infinite; }
*/
   /* --------------------------------------  -------------------------------------- */
   /* --------------------------------MOBILE QUERIES ------------------------------- */
   /* --------------------------------------  -------------------------------------- */


/* ================================================================
    SEZIONE PER app DESKTOP
================================================================
*/


    @media (min-width:1200px) 
    {/* --------------------------------------  */

        .modal-dialog               { max-width: 50vw; }
        .modalGrande .modal-dialog  { max-width: 70vw;max-height:80vh; }



    }/* --------------------------------------  */

    @media (max-width:1200px) 
    {/* --------------------------------------  */

        .box_bottoni        { margin-top: -0.5rem;}       
        .box_bottoni > div  { margin-left: 1vw; margin-top: 0.5rem ;}       


    }/* --------------------------------------  */



    
    @media (min-width:993px) 
    {/* --------------------------------------  */

        .check_selezione{    width:40px;    height:40px;}
        .box_wizard_completo { padding-top:15%; line-height:300%;}



    }/* --------------------------------------  */


    @media (max-width:992px) 
    {/* --------------------------------------  */

            .limiter table tbody tr td.css_td_azioni      { display:block; position:absolute!important; top:0px; right:10px; }
            .limiter table tbody tr td.css_td_azioni>div  {  }

            .check_selezione{    width:20px;    height:20px; position:relative; }
            .check_selezione::after {  
                    content:'seleziona'; display: block; width: 100px; height: 22px; position:absolute; top:0px; left:10px; 
                    font-size: 14px; color: #000; line-height: 1.2; font-weight: bold;
            }

            .btn_nuovo2  { margin-top: 0; }

    }/* --------------------------------------  */


/* ================================================================
    QUI AVVIENE IL PASSAGGIO AL MENU MOBILE 
================================================================
*/


    @media (max-width:768px) 
    {/* --------------------------------------  */

            .page-header-title      {  /* margin-left: 15vw; margin-top:-3.5rem; */}
            .titolo_app             { display:none; }
            .page-header-subtitle   {   display:none;  }
            .sidebar-brand          {   display:none!important; }
            .sidebar.toggled        { width: 0; }
            .sidebar                { width:  165px; }
            #sidebarToggleTop       { box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25); }

            #sidebarTodoCambia .MenuScomparsa.visibile { width: 90%; left:10px; top:50px; position:fixed;}
    }/* --------------------------------------  */


    @media (min-width:768px) 
    {/* --------------------------------------  */

            .sidebar .nav-item .nav-link span {   font-size: 0.75rem; font-weight:700; margin-right: 5px; text-transform:uppercase;}
            .sidebar { width: auto; }
            /*.sidebar-toggled  .sidebar { min-width: 14vw; }*/
            .sidebarTodoCambia-toggled  .sidebar { min-width: 14vw; }

        

    }/* --------------------------------------  */

    @media (max-width: 576px) 
    {/* --------------------------------------  */


            .topbar {  height: 3rem;}
            .dropdown-item { padding: 10px 1.5rem; }
            .dropdown .dropdown-menu {  font-size: 0.95rem; }

             .btn-icon-split {  margin-top:10px;}
             .css_info_generali { display:none;  }

            h1, .h1 {  font-size: 1.5rem; }
            .page-header-subtitle { font-size: 0.8rem; }
            .page-header {  padding: 8px 10px; }

            .page-header .col-auto {  max-width: 75vw; }
            .page-header .col-auto.col-conaltre-azioni {  max-width: 60vw; }

            .modal-body                 { padding: 10px;}
            .modal-body .modal-body     { padding: 0;}

            .filtri label, .filtri .form-control { display:inline-block; min-width: 25vw; max-width: 55vw;}
            .filtri label  { margin-right:10px; }

            .container, .container-fluid   { padding-left: 15px; padding-right: 15px; }

            .container-table100, .table100 .table th, .table100 .table td { padding-left:0!important; padding-right:0!important; }
            .card-body { padding-left: 12px; padding-right: 12px; }

            .mb-4, .my-4 {  margin-bottom: 8px!important; }

            .limiter table tbody tr td:before { word-wrap:normal; }

            .notfound .notfound-404 h1 {   font-size: 50vw; }



    }/* --------------------------------------  */

    @media (max-width:420px) 
    {/* --------------------------------------  */



    }/* --------------------------------------  */