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

    2022                                                                   

*/
/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

/*
@font-face {
    font-family: 'IBM Plex Sans', sans-serif;
    src: url('../fonts/OpenSans/OpenSans-Regular.ttf');
}

*/

/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/

/*//////////////////////////////////////////////////////////////////
[ Utiliti ]*/

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

/* ===================================================================================*/
/* Luca - aggiunte varie*/


.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  { background-color:#cbf2ec!important; }
.record_nuovo .form-control { font-style:italic; font-weight:normal; }

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

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

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

.css_lista_editabile .css_lista_rigamodificata { background-color: #D7AB69!important; }
.css_lista_editabile .css_lista_rigasalvata { background-color: #93C489!important;  border-radius:5px;}

/* ===================================================================================*/
/* Luca - aggiunte varie*/

 .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; }

 .container-fluid   { min-height:80vh; }

    .help_html i { color: white; }
    .help_html h3 { color: #555; }
 .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: #1e1e2d !important;}

    .table thead th, .table thead td {   border-top: 4px solid #e3e6f0;border-bottom: 4px solid #e3e6f0; 
                                        font-family: Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;}


    .box_avvisi { z-index: 100; margin-top:2rem; margin-bottom:2rem; }
/* ===================================================================================*/
/* Luca - riprese dal tema online */

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

    .page-header { padding: 10px 20px;  position:relative; paddding-top:0px ; }

    .page-header-icon { margin-right: 0.5rem; display: inline-block; font-size: 1.4rem; color: var(--colorebase1);}
    .page-header-title { font-size: 1rem; }
    .page-header h1 {     color: #555; }

    .btn_nuovo i { color: white; }

    .btn_nuovo2  { padding:5px 10px; background-color: var(--colorebase1); color: #eee; border:#eee; }
    .btn_nuovo2 i { color: #eee; }
    .btn_nuovo2 small { font-weight:bold; }
    .box_azioni .btn_nuovo2  {  margin-bottom:5px; margin-top:-10px; }

    .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);  }
    

    .filtri { border-radius: 0.35rem; background: #fff; margin-bottom: 1rem; }
/*
    .filtri .card { display:inline-block; }
*/
    .filtri .card-header[data-toggle="collapse"] { display:inline-block; padding: 0.1rem 1rem 0.1rem 1rem; }
    .card-custom-header{    background: #e3e6f0;    color: #616161;    font-weight: bold;}

/*    .css_paginazione { text-align:right; font-size: 12px;font-weight: bold;color: #777; } 
*/    
    .page-header-subtitle { color:#999; font-weight:bold; margin-left:2rem;  padding-left:2rem; border-left: 1px solid #ddd; }

    .box_bottoni        { margin: 1rem ; }
    .box_bottoni > *    { margin-right: 5px; }

 a:hover                { color: #562399;}
 .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;}

/* 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-brand>div { float:left; width: auto; display:inline-block; }
.sidebar-brand-text { background:#555; padding:0px 5px; border-radius:6px;  }
*/

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


.card { border-radius: 1rem; }

.form-control { height:auto; }

 .nowrap {  white-space:nowrap!important; }

/* ===================================================================================*/
/* 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 - pagina pratiche */

    .minibox_dettagli               { display:flex;}
    .minibox_dettagli > div         { display:inline-block; border: 1px dashed #ddd;  padding:7px;  margin-right: 10px;  font-size: 0.9rem; border-radius: .325rem; }

    .minibox_dettagli > div:hover         { background: #eee; box-shadow:#ddd 2px 3px ; }

    .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;  
                                }

    .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);}

    .modal-dialog               { max-width: 50vw; }

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

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


    .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;}

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



    
    @media (min-width:993px) 
    {/* -----QUESTO è per SCHERMI DESKTOP---------------------------------  */

        .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; }

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

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

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

    .modal-dialog               { max-width: 99vw; }

            .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) 
    {/* --------------------------------------  */



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