.header-demo
{
    position:fixed!important;
}

.bl_pagina
{
    margin-top:50px;
}

.theme-light .bl_pagina
{
    
    /* per iphone deve essere */
    /* margin-top:100px!important; */
    background-color: rgba(239,240,245,255);
}

.theme-dark .bl_pagina
{
    /* per iphone deve essere */
    /* margin-top:100px!important; */
}

.theme-light #page
{
    background-color: rgba(239,240,245,255)!important;
}

.min-width-300
{
    min-width: 300px;
}
.min-width-200
{
    min-width: 200px;
}

.min-width-100
{
    min-width: 100px;
}

.min-width-70
{
    min-width: 70px;
}

/* PAGINA IMPOSTAZIONI*/
#nosort_imp::after,
#nosort_imp::after,
#nosort_imp::after {
  display: none !important;
}
#nosort_imp::before,
#nosort_imp::before,
#nosort_imp::before {
  display: none !important;
}

/* PAGINA FATTURE */
.nosort_fv::after,
.nosort_fv::after,
.nosort_fv::after {
  display: none !important;
}
.nosort_fv::before,
.nosort_fv::before,
.nosort_fv::before {
  display: none !important;
}



/* PAGINA BLOCCO LICENZA SCADUTA */

#blocco_licenza_scaduta
{
  width: 100vw!important;
  min-width: 100vw!important;
  z-index: 999999999999999999999999999;
  height: 100vh;
  min-height: 100vh;
  background-color: red;
  position: fixed;
  top: 0;
  left: 0;
}

/* IMPOSTAZIONI CSS TABELLA */
.theme-dark .table {
    color: #f1f1f1;
}
.bt_azioni_tab:hover {
    background-color: #ED5565;
}
.bt_azioni_tab:hover i {
    color: #ffffff;
}

/*vecchio colore riga sel: #4A89DC nuovi colori riga sel chiara: #e5e5e9 scura: #2c2c2e */
.riga_sel {
    background-color:#e5e5e9 !important;
    /*color: #ffffff !important;*/
}
.riga_sel td{
    background-color:#e5e5e9 !important;
    /*color: #ffffff !important;*/
}

.theme-dark .riga_sel,.theme-dark .riga_sel {
    background-color:#2c2c2e !important;
    color: #ffffff !important;
}
.theme-dark .riga_sel td,.theme-dark .riga_sel{
    background-color:#2c2c2e !important;
    color: #ffffff !important;
}

/* VECCHI CSS RIMOSSI PERCHé HO CAMBIATO COLORE DI RIGA_SEL*/
/*.riga_sel .bt_azioni_tab
{
    background-color: #4a89dc!important;
    color: #ffffff!important;
    border: 1px solid #ffffff!important;
}
.riga_sel .bt_azioni_tab:hover,.riga_sel .bt_azioni_tab i:hover
{
    background-color: #ffffff!important;
    color: #4a89dc!important;
}*/
/* IMPOSTAZIONI CSS PAGINAZIONE */
.pagination .page-item {
    margin-right: 0px;
    margin-left: 1px;
}
.page-item.active .page-link {
    background-color:#4A89DC;
    color: #ffffff;
}
.pagination a {
    color: #727272;
}
.page-link:hover {
    color: #4A89DC;
}

/* versione dark */
.theme-dark .page-item.active .page-link {
    background-color:#4A89DC;
    color: #ffffff;
}
.theme-dark .pagination a {
    color: #727272;
}
.theme-dark .page-link {
    background-color: #1b1d21;
}
.theme-dark .page-link:hover {
    background-color: #e9ecef;
    border-color: #dee2e6;
}

/* IMPOSTAZIONI CSS FILTRO CERCA */
.sel-clienti {
    position: relative;
}
/* campo select */
.sel-clienti .invalid
{
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 20px;
}

.select2-container {
    width: 100% !important;
}
.select2-selection {
    height: 53px !important;
    border-right-width: 1px !important;
    border-top-width: 1px !important;
    padding-left: 13px !important;
    padding-right: 10px !important;
    border-radius: 0px !important;
    font-size: 12px;
    border-color: rgba(0, 0, 0, 0.08) !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
    color: #727272 ;
}
.select2-selection__rendered {
    padding: 0;
    height: 53px!important;
    font-size: 12px;
    line-height: 53px!important;
}

.select2-selection__choice, .select2-selection__choice__remove
{
    height: 30px!important;
    line-height: 30px!important;
}
.select2-selection--multiple, .select2-selection
{
    height: 53px!important;
    line-height: 53px!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
    vertical-align: middle!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
    background-color: #7a7a7a!important;
    color:#ffffff!important;
    border-left-color: #ffffff!important;
    border-right-color: #ffffff!important;
    border-top-color: #ffffff!important;
    border-bottom-color: #ffffff!important;
}
.theme-dark .select2-container--default .select2-selection--multiple .select2-selection__choice
{
    background-color: #7a7a7a!important;
    color:#ffffff!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
    background-color: #7a7a7a!important;
    color:#ffffff!important;
}
.select2-container .select2-search--inline .select2-search__field
{
    vertical-align: middle!important;
}
/* versione dark */
.theme-dark .select2-selection {
    border-color: #32363b !important;
}  

/* label */
.sel-clienti .color-theme.text-uppercase {
    opacity: 1;
    left: 23px !important;
    transform: translateX(-14px) !important;
    margin-left: 0px !important;
    position: absolute;
    padding: 0px 5px !important;
    height: 23px;
    font-size: 12px;
    transition: all 250ms ease;
    background-color: #FFF;
    top: -12px;
  }

/* dropdown */
.select2-container--open .select2-dropdown {
    top: 5px;
}
.select2-container--open .select2-dropdown--above {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.select2-dropdown {
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #727272;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #727272 !important;
}

/* focus select */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #7a7a7a;
    color: #ffffff;
}

/* versione dark */
.theme-dark .select2-dropdown {
    background-color: #21252a;
    border: 1px solid #32363b !important;
}
.theme-dark .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #32363b !important;
}
  
.theme-dark .select2-selection,.theme-dark .select2-selection--single
{
    color: #FFF !important;
    background-color:transparent !important;

}
.select2-selection__arrow
{
    top: 13px!important;
}

.theme-dark .select2-selection__rendered
{
    color: #ffffff !important;
}
.theme-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__display
{
    color: #ffffff !important;
}
.theme-light .select2-search__field
{
    color:#1f1f1f!important
}
.theme-dark .select2-selection__choice__remove, .theme-dark .selection__choice__remove span, .theme-dark .selection__choice__remove button,.theme-dark .selection__choice__remove li:last-child,.theme-dark .selection__choice__remove span:not(.badge)
{
    color:#ffffff!important
}

/* datepicker */

.ui-datepicker
{
   background-color: #ffffff;
   border: 1px solid;
   border-color: rgb(211, 211, 211);
}
.ui-datepicker-header
{
    background-color: #ed5565;
    color:#ffffff ;
}

.theme-dark .ui-datepicker
{
    background-color: #21252a;
    border: 1px solid #32363b !important;
   
}
.theme-dark .ui-datepicker-header
{
    background-color: #ed5565;
    color:#ffffff ;
}
/*
.ui-datepicker-prev 
{
    content: "\f005";  Inserisci il codice dell'icona qui 
    font-family: "Font Awesome 5 Free";
}
*/


.ui-datepicker-prev,.ui-datepicker-next
{
    text-align: center;
}

.ui-datepicker-prev::after
{
    content: "\f104"; 
    font-family: "Font Awesome 5 Free";
    text-align: center;
    color: white;

}

.ui-datepicker-next::after
{
    content: "\f105"; 
    font-family: "Font Awesome 5 Free";
    text-align: center;
    color: white;

}
.ui-datepicker-calendar td
{
    text-align: center;
}

.ui-datepicker-calendar a
{
    color: #ed5565;
    text-align: center!important;
}

.ui-datepicker-calendar a:hover
{
    font-weight: 600;
}

.ui-state-active
{
    border: 1px solid #ed5565!important;
}
.ui-state-highlight
{
    text-decoration: underline!important;
}

/* notifiche agenzia delle entrate */

#modaleRicevuteView ul,#modaleRicevuteView li
{
    list-style-type: none;
    padding: 0; /* Rimuove l'indentazione/rientro */
    margin: 0; /* Rimuove il margine esterno */
}



.theme-dark #modaleRicevuteView .modal-content,.theme-dark #modaleFvAcqView .modal-content
{
    background-color: #21252a;
}

.theme-dark #modaleRicevuteView li
{
    color: #FFF !important;
}

.ric_err_r
{
    color:#fff;
    width: 100%;
}

.cursore
{
    cursor: pointer;
}

.fvacqVi
{
    max-width: none!important;min-width: 1000px;width:1000px;
    height: 700px;
    min-height: 700px;
    background-color: white;

}

.contenitore_chiudiFv
{
    position: relative;
    margin-top: 5px;
    margin-right: 5px;
    text-align: right;

}

/* modale fatture acquisto */

.theme-dark .modal-content
{
    background-color: #21252a !important;
}

/* classi per select e campo testo (tipo selezione valuta e importo) sulla stessa riga */
.d_inp_span
{
    left:100px!important
}

.d_inp_select
{
    width:115px!important;
    display:inline-block!important;
}

.d_inp_text
{
    display:inline-block!important;
    width:calc(100% - 120px)!important;
}

/* classi per personalizzare il file input (rimosso bottone) */

input[type=file]::file-selector-button {
    display: none;
}

input[type=file]::-webkit-file-upload-button {
    display: block;
    width: 0;
    height: 0;
    margin-left: -100%;
}

input[type=file]::-ms-browse {
    display: none;
}

.obbligatorio::after
{
    content: "*";
    
}

.modal-footer .row
{
    width: 100%;
}

.avviso_obb, .theme-dark .modal-footer .avviso_obb
{
    color:#DA4453!important;
}


/* Stili per la colonna mobile di datatable */
.td_no_select,.sorting_1
{
    padding: 0px!important;
}
.swipe-container {
    position: relative;
    overflow: hidden;
    touch-action: pan-y;
    border: 0px;
    background-color: transparent;
    height: auto!important;
}

.swipe-content {
    transition: transform 0.3s;
    transform: translateX(0);
}

.swipe-options {
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 100%;
    width: auto;
    min-width:130px;
    box-shadow: -5px 0px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.3s, opacity 0.2s;
    height: 100%!important;
}

.swipe-container.swipe-show .swipe-content {
    transform: translateX(-100px);
}

.swipe-container.swipe-show .swipe-options {
    transform: translateX(calc(-100% + 0px));
    opacity: 1;
    pointer-events: auto;
}

  
.swipe-uno-btn_OLD
{
    height: 45%;
    margin-top:5%;
}
.swipe-due-btn_OLD
{
    height: 45%;
    margin-bottom:5%;
}


.swipe-uno-btn span
{
    border-bottom:none!important;
}
.swipe-uno-btn  i,.swipe-due-btn  i
{
    width:50px!important;
    line-height: 50px!important;
}

.swipe-content .icon-xxs i,.swipe-contentBL .icon-xxs i
{
    width:45px!important;
    height: 45px!important;
    line-height: 45px!important;
}

.swipe-contentBL
{
    border: 1px solid rgba(237, 85, 101,0.6);
    padding: 2px;
}

.swipe-contentBLNontr
{
    border: 1px solid rgba(237, 85, 101,0.6);
    padding: 2px;
    background-color: rgba(237, 85, 101,0.6);
}

.swipe-contentBLtr
{
    border: 1px solid rgba(8, 91, 3, 0.6);
    padding: 2px;
    background-color: rgba(8, 91, 3, 0.6);
}

.swipe-options-left {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    top: 0;
    right: 100%;
    width: auto;
    height: 100%;
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.3s, opacity 0.2s;
}
.swipe-container.swipe-show-left .swipe-content {
    transform: translateX(70px);
}

.swipe-container.swipe-show-left .swipe-options-left {
    transform: translateX(calc(100% - 0px));
    opacity: 1;
    pointer-events: auto;
}


.oscillate
{
    position: relative;
    animation: oscillateAnimation 2s ease-in-out 3;
}
  
  /* Definizione dell'animazione */
@keyframes oscillateAnimation {
    0%, 100% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(4px);
    }
}


/* Rimuovi la selezionabilità della riga quando lo slider è aperto */
.select-info
{
    display: none!important;
}
div.dtfc-left-top-blocker, div.dtfc-right-top-blocker
{
    display: none!important;
}
.theme-dark div.dataTables_scrollBody,.theme-dark div.dataTables_scrollHeadInner table.table-bordered tr th:first-child
{
    /*border-left: none!important;*/
 
    border-left: 1px solid rgba(255, 255, 255, 0.125)!important;
}
#new_template_step_2 .dataTables_empty
{
    background: rgba(0, 0, 0, 0.025)!important;
}
table.dataTable tbody tr>.dtfc-fixed-left, table.dataTable tbody tr>.dtfc-fixed-right
{
    border-left: none!important;
}
#pg_shopping_liste .dataTables_scrollBody ,#pg_shopping_liste div.dataTables_scrollBody,#pg_spese_generiche_elenco .dataTables_scrollBody ,#pg_spese_generiche_elenco div.dataTables_scrollBody,#pg_spese_generiche_ricorsive .dataTables_scrollBody,#pg_spese_generiche_ricorsive div.dataTables_scrollBody
{
    border-left:0px!important;
    border-left: none!important;
}
.select2-container .select2-selection--multiple 
{
    height: auto!important;
}
@media (max-width: 767.98px) {
    /* Regole CSS da applicare ai dispositivi "sm" */
    .margin_special
    {
        margin-top:30px!important
    }
    .mobile_hide,div.dataTables_scrollHead table.dataTable 
    {
        display: none;
    }
    div.dataTables_scrollBody>table>tbody tr:first-child td
    {
        border-top: 1px solid rgba(0, 0, 0, 0.125)!important;
      
    }
    .theme-dark div.dataTables_scrollBody>table>tbody tr:first-child td
    {
        border-top: 1px solid rgba(255, 255, 255, 0.125)!important;
    }
    .dataTables_length
    {
        margin-bottom:20px!important;
    }
    .select2-container .select2-selection--multiple 
    {
        height: auto!important;
    }
}

.theme-dark .filepond--drop-label
{
    background-color: #1b1d21 !important;
}

#ricerca_res_rmtype_div span.select2-selection.select2-selection--multiple
{
    height:53px!important;
    min-height: 53px!important;
}

.max-width-percell
{
    max-width: 500px;
}

.max-width-percell2
{
    max-width: 400px;
}
.footer-bar-4 .active-nav::after
{
    background-color: transparent!important;
    
}
.footer-bar-4 .active-nav i
{
    color: #ED5565!important;
    padding-bottom:3px;
    border-bottom: 2px solid #ED5565!important;
}

#pg_family .dataTables_length,#new_family_step2 .dataTables_length
{
    display: none!important;
}
#pg_family .dataTables_info,#new_family_step2 .dataTables_info,#pg_family .dataTables_paginate,#new_family_step2 .dataTables_paginate {
    display: none;
}
#pg_shopping .dataTables_info,#pg_shopping .dataTables_paginate,#pg_shopping .dataTables_length
{
    display: none;
}
#pg_new_template .dataTables_length,#pg_new_template .dataTables_info, #pg_new_template .dataTables_paginate
{
    display: none;
}

#pg_new_spesa .dataTables_length,#pg_new_spesa .dataTables_info, #pg_new_spesa .dataTables_paginate
{
    display: none;
}


#pg_pulizie .dataTables_length,#pg_pulizie .dataTables_info, #pg_pulizie .dataTables_paginate
{
    display: none;
}

#pg_spese_generiche .dataTables_length,#pg_spese_generiche .dataTables_info, #pg_spese_generiche .dataTables_paginate
{
    display: none;
}


#ricercaProdottoCont .dataTables_length,#ricercaProdottoCont .dataTables_info, #ricercaProdottoCont .dataTables_paginate
{
    display: none;
}


.theme-dark #pg_new_template table
{
    border: none!important;
}
#tb_lista_template_pr td, #tb_lista_template_pr tr,#tb_lista_spesa_pr td, #tb_lista_spesa_pr tr,#tb_lista_spesa_pr_non_trovati tr,#tb_lista_spesa_pr_non_trovati td,#tb_lista_spesa_pr_trovati tr,#tb_lista_spesa_pr_trovati td
{
    border: none!important;
    border-left: none!important;
   
}
#tb_lista_all_spese tr, #tb_lista_all_spese td,#pg_spese_generiche_elenco tr, #pg_spese_generiche_elenco td,#pg_spese_generiche_ricorsive tr,#pg_spese_generiche_ricorsive td
{
    padding: 1px;
    box-sizing: border-box;
    border-left: 1px solid rgba(0, 0, 0, 0.125)!important;
}

.theme-dark #tb_lista_all_spese tr, .theme-dark #tb_lista_all_spese td,.theme-dark #pg_spese_generiche_elenco tr, .theme-dark #pg_spese_generiche_elenco td,.theme-dark #pg_spese_generiche_ricorsive tr,.theme-dark #pg_spese_generiche_ricorsive td
{
    padding: 1px;
    box-sizing: border-box;
    border-left: 1px solid rgba(255, 255, 255, 0.125)!important;
}
#pg_new_template div.dataTables_scrollBody, #pg_new_spesa div.dataTables_scrollBody
{
    border-left:none!important;
}
.dt_vuoto,.dt_vuoto_nt,.dt_vuoto_tr,.dt_vuoto_tr_template,.dt_vuoto_tr_template_all,.dt_vuoto_tr_family,.dt_vuoto_tr_family_user,.dt_vuoto_tr_spesegen_all
{
    justify-content: center;
    align-items: center;
    display: inline-block;
}
.dt_vuoto_2
{
    display: block;

}
.dt_vuoto_2 span
{
    display: block;
}
#btn_aggiungi
{
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background-color: #ED5565;
    color: #ffffff;
    position: fixed;
    bottom: 40px;
    left: 50%;
    margin-left: -30px;
    z-index: 100
}
#footer-bar
{
    position: fixed !important;
}
div.dataTables_processing>div:last-child>div
{
    background-color: #ed5565 !important;
}

.theme-dark .flip-card-front, .theme-dark .flip-card-back, .theme-dark #pg_login, .theme-dark .form-check-label
{
    background-color: #0f1117!important;
}

.mt-6 {
    margin-top: 4rem !important;
}
  
.mt-7 {
    margin-top: 6rem !important;
}

.mt-8 {
    margin-top: 8rem !important;
}
.toast-tiny
{
    z-index: 102!important;
}

#modale_avviso
{
    max-width: 420px!important;
    width:70%!important;
}
.toast-bottom
{
    bottom: 130px!important;
}

.scale-w{
    width: 100%;
  }
.scale-h{
height: 100vh;
}

/* MODALE CERCA PRODOTTO */
#ricercaProdotto {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: #ffffff;
    z-index: 9999;
    /*border: 1px solid #ccc;*/
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    overflow-y: scroll;
    transform-origin: top left;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
    opacity: 0;
    border-radius: 50%;
    overflow-x: hidden!important;

    
}
#ricercaProdottoCont
{
    overflow-x: hidden!important;
}
.theme-dark #ricercaProdotto {
    background-color: #21252a;
}
#ricercaProdotto.activeRic {
    width: 100vw;
    height: 100vh;
    opacity: 1;
    border-radius: 0; /* Rimozione del bordo arrotondato durante l'animazione */
    transition: all 0.3s ease-in-out, border-radius 0.15s; 
}

#ricercaProdotto .closeIcon {
   
    cursor: pointer;
    font-size: 18px;
    color: #555;
}

.img_prodotto_custom
{
    display: inline-block;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    box-shadow: 0px 0px 8px rgba(38, 38, 38, 0.8);
}

.pr_add
{
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
  
}

.pr_addNontr
{
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    border: 1px solid white;
}

.lista_pr_qt_text,.lista_pr_qt_value
{
    line-height: 35px;
}


.bordo_inferiore
{
    border-bottom: 1px solid rgba(247, 247, 247, 1);
}

#modaleDettProd, #modaleDettProd .modal
{
    z-index: 10000;
}
#modaleDettProd
{
    background: rgba(0,0,0,0.4)!important;

}

.modaleDettProd_img_div
{
    width: 100%;
    height: 60px;
    overflow: hidden;
}

.modaleDettProdImg
{
    object-fit: cover;
    object-position: center center;
    width: 100%;
    /* height: 100%; */
    height: 220px!important;
  
}


/* FINE MODALE CERCA PRODOTTO */

.icona_iniziale
{
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 45px;
    text-transform: uppercase;
}
.icona_iniziale_big
{
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    line-height: 62px;
    text-transform: uppercase;
}
.icona_user
{
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 51px;
    text-transform: uppercase;
}

.borderBottomRedLight
{
    border-bottom: 1px solid #ed5565!important; ;
}
.modaleDettProd_tit::first-letter
{
    text-transform: uppercase;
}

.list-group a:focus {
    outline: none;
}

.img_prodotto_customModal
{
    display: inline-block;
    line-height: 200px;
    width: 100%;
    border-radius: 0;
    height: 170px;
    box-shadow: none;
}

/* INIZIO CALENDARIO */

.inputGiornoMese
{
    text-align: left!important;
}
.fc-agg-button
{
    display: none!important;
}
#pg_calendar_cal
{
    min-height: 380px!important;
    max-height: 380px!important;
}
.fc-button
{
    background-color: transparent!important;
    color:#ed5565!important;
    border-color: #ed5565!important;
}
.theme-dark .fc .fc-button .fc-icon 
{
    color:#ed5565!important;
}

#pg_calendar_cal a
{
    color:#212529
}
.theme-dark #pg_calendar_cal a
{
    color:white;
    display: inline-block;
    width: auto;
}
.fc-daygrid-event-harness
{
    display: inline-block;
    width: auto;
}
.fc-daygrid-day-events
{
    text-align: center;
}
.fc .fc-daygrid-day.fc-day-today
{
    background-color: transparent;
}
.fc .fc-daygrid-day.fc-day-today a
{
    color:#ed5565!important;
    font-weight: 800!important;
    font-size: 16px!important;
}
.icona_calendario_nuova
{
    width:30px;
    height: 30px;
    border-radius: 50%;
    justify-content: center;
    text-align: center;
    padding-top: 2px;
}
.icona_calendario_contenitore
{
    position:relative;
}
.icona_calendario_contatore
{
  
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    padding-left: 1px;
}

.icona_calendario_nuova_img
{
    width:19px;
    height: 19px;
}

.fc-scroller
{
    overflow-y: scroll!important;
}

.fc-agg2-button
{
    width:38px!important;
    height: 38px!important;
    border-radius: 50%!important;
    color:white!important;
    font-size: 21px!important;
    background-color: #ed5565!important;
    line-height: 14px!important;
    font-weight: 500!important;
    padding: unset!important;
    padding-bottom: 4px!important;
}

.icona_calendario {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
}

.fc-event
{
    justify-content: center;
}

.fc .fc-daygrid-day-top
{
    display: block;
}
.fc-daygrid-day-top
{
    text-align: center;
}

.fc-theme-standard td,.fc-theme-standard th
{
    border: none;
}
.fc-theme-standard th
{
    padding-top: 2px;
    padding-bottom:2px
}
.fc .fc-scrollgrid
{
    border-left-width: 0px;
}
.fc-daygrid-dot-event:hover,.fc-daygrid-dot-even:active,.fc-daygrid-dot-event::before,.fc-daygrid-dot-event::after,.fc-daygrid-dot-event a
{
    background: none!important;
    box-shadow: none!important;
}
.fc-daygrid-dot-event::before
{
    display: none;
}
.card_eventi
{
    border:1px solid rgba(0, 0, 0, 0.125)!important;
    border-radius:3px;
    min-height: 100px;
    width: 90%;
    margin: auto;
    position: relative;
}
.card_eventi_empty
{

    border:1px solid rgba(0, 0, 0, 0.125)!important;
    border-radius:3px;
    min-height: 70px;
    width: 90%;
    margin: auto;
    position: relative;
}
.card_eventi .card-title
{
    margin-bottom:0px ;
}
.card_eventi_span
{
    padding-left: 10px;
    line-height: 20px;
}
.card_eventi_sp_icon
{
    width: 37px;
    height: 37px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    display: inline-block;
}
.card_eventi_sp_icon_new
{
    width: 60px;
    height: 60px;
    border-radius: 5px;
    padding-top:15px;
    text-align: center;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);
    font-weight: bold;
}
.card_eventi_sp_icon_new_empty
{
    width: 60px;
    height: 60px;
    border-radius: 5px;
    padding-top:15px;
    text-align: center;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);
    font-weight: bold;
}
.card_eventi_sp_icon_new i,.card_eventi_sp_icon_new_empty i
{
    font-weight: bold;
}

.card_eventi_p
{
    padding-left: 52px;
}
.fc .fc-daygrid-day-events 
{
    margin-top: 0px!important;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events
{
    min-height: 1em!important;
}
/* FINE CALENDARIO */
div.dataTables_scrollBody>table>tbody tr:first-child th, div.dataTables_scrollBody>table>tbody tr:first-child td 
{
    border-top: 1px solid rgba(0, 0, 0, 0.125)!important;
}
.modaleCreaPr_vaoloreNt
{
    height: 30px;
    width: 83px;
    color:#0f1117
}

.theme-dark .modaleCreaPr_vaoloreNt
{
    color:#ffffff
}

input:read-only {
    background-color: #ffffff!important; /* Cambia il colore di sfondo a tua scelta */
    /* Altre proprietà di stile... */
}

.theme-dark .xdsoft_datetimepicker
{
    background: #090a0c!important;
}
.theme-dark .xdsoft_datetimepicker .xdsoft_label 
{
    background-color: transparent!important;
}

.theme-dark .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.theme-dark .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.theme-dark .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current 
{
    background: #ed5565!important;
}
.theme-dark .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div
{
    background-color: #1b1d21 !important;
}
.theme-dark .xdsoft_datetimepicker .xdsoft_label i, .theme-dark .xdsoft_datetimepicker .xdsoft_prev, .theme-dark .xdsoft_datetimepicker .xdsoft_next, .theme-dark .xdsoft_datetimepicker .xdsoft_today_button
{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)!important;
}

#new_spesa_step_1 .xdsoft_inline
{
    width: 100%!important;
}

#new_spesa_step_1 .xdsoft_datepicker
{
    width: 258px!important;
}
#new_spesa_step_1 .xdsoft_year i
{
    margin-left:30px;
}

.span_btn_testo_icona
{
    display: block;
}

/* INIZIO HOME */
.bt_home_filter
{
    width:40x;
    height: 40px;
    line-height: 45px;
    border-radius: 5px;
    border:1px solid;
}
.card_pulizie_home_icon 
{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    display: flex;

}
.card_pulizie_home
{
    border-radius: 5px;
}
.home_bl
{
    border-radius:5px;
    max-height: 120px;
    height: 120px;
    background-color: white;
    /*box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);*/
}

.theme-dark .home_bl
{
    background-color: #0f1117;
}

.theme-light .bt_open
{
    /*color:#434A54 !important;*/
    color: #434A54 !important;
}
.theme-light #pg_calendar_cal thead, .theme-light #pg_calendar_cal tbody
{
    background-color: rgba(255, 255, 255, 0.4);

}


#pg_calendar .fc-toolbar-title
{
    color:#434A54;
}


.home_bl_tit, .home_bl_tit_m
{
    display: block;
}

.home_bl_tit_m
{
    font-size: 10px;
    line-height: 12px;
    padding-bottom: 4px;
}
.home_bl_tit
{
    line-height: 16px;
}
.home_bl_tit_icon
{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 45px;
    text-align: center;
    justify-content: center;
    display: inline-block;
    margin-top:5px
}
.home_bl_tit_icon2
{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 45px;
    text-align: right;
    justify-content: center;
    display: inline-block;
    margin-top: 0px;
    padding-top: 21px;
}
.btn-home
{
    height: 70px;
}
/* FINE HOME */

.spanModalConcludiSpesa
{
    font-size:10px;
    line-height: 18px;
}

.p_template
{
    line-height: 35px;
}

#pg_shopping_liste .dataTables_scrollBody
{
    /*min-height: calc(80vh - 140px)!important;
    height: calc(80vh - 140px)!important;
    background:transparent!important;*/
   
}
.p_sottolineato
{
    text-decoration: none;
}
.p_sottolineato
{
    content: "";
    display: inline-block;
    border-bottom: 2px solid rgba(237, 85, 101, 0.2) ; 
    line-height: 1px;
    height: 15px;
}

/* INIZIO HOMEPAGE */

.animated-background {
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background-color: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #bbbbbb 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 10px;
    width: 70px;
    position: relative;
    border-radius:2px;
}
.theme-dark .animated-background
{
    animation-duration: 12s;
   
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background-color: #f6f7f8;
    background: linear-gradient(to right, #222222 8%, #1c1c1c 18%, #222222 33%);
    background-size: 800px 104px;
    height: 10px;
    width: 70px;
    position: relative;
    border-radius:2px;
}
@keyframes placeHolderShimmer {
0% {
    background-position: -800px 0
}
100% {
    background-position: 800px 0
}
}
.home_sp_cont
{
    font-size: 9px;
    line-height: 12px;
    display: block;
}
.home_bl_cont
{
    line-height: 3px;
}
/* FINE HOME PAGE */
#page
{
    min-height: 100vh!important;
}

#footer-bar
{
    min-height: 60px!important;
}

/* INIZIO PAGINA IMPOSTAZIONI */
.card_generale
{
    /*box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1);*/
 
   
    margin: auto;
    position: relative;
}

.theme-light .card_generale
{
    background-color: rgba(255, 255, 255, 0.6);
    border-radius:5px;
}
.theme-dark .card_generale
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.125)!important;
}

/* FINE PAGINA IMPOSTAZIONI */

.riga_importa_daTemplate a
{
    color: #ed5565!important;
    font-weight: bold;
    text-decoration: underline!important;
}

#modale_avviso_new
{
    width: 80px!important;
    height: 80px!important;
    line-height: 106px!important;
    border: 50%!important;
    padding: 0px!important;
    margin: 0px!important;
    animation: lock 1s cubic-bezier(.36,.07,.57,.99) infinite;
    z-index: 103!important;
    top: calc(60px + (env(safe-area-inset-bottom))*1.1) !important;
}

.bounce_ok 
{
    animation: hithere 1s ease 1;
}
@keyframes hithere {
    30% { transform: scale(1.2); }
    40%, 60% { transform: rotate(-20deg) scale(1.2); }
    50% { transform: rotate(20deg) scale(1.2); }
    70% { transform: rotate(0deg) scale(1.2); }
    100% { transform: scale(1); }
}

.datatable_pulizie_icon
{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding-top:15px;
    text-align: center;
    font-weight: bold;
}

#pg_new_family .filepond--root,#pg_impostazioni .filepond--root 
{
    width: 53px!important;
    height: 53px!important;
    margin-top: 8px!important;
    margin-left: -15px!important;
}
#pg_new_family .filepond--drop-label, #pg_impostazioni .filepond--drop-label
{
    top:-10px!important;
}

.family_name
{
    line-height: 45px;
}
.family_image
{
    width: 53px;
    height: 53px;
    border-radius: 50%;
    overflow: hidden;
    position:relative;
    border: 1px solid #dddddd;
}

.theme-dark .family_image
{
    border:none!important;
}

.family_image img
{
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 53px;
    height: 53px;
}

.family_image_tab
{
    width: 47px;
    height: 47px;
    border-radius: 50%;
    overflow: hidden;
    position:relative;
    border: 1px solid #dddddd;
}

.theme-dark .family_image_tab
{
    border:none!important;
}

.family_image_tab img
{
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 47px;
    height: 47px;
}

.fam_img_margin
{
    margin-top: 8px;
    margin-left: -15px;
}
.family_Noimage_dt_team
{
    line-height: 23px;
}
.family_image_dt_team,.family_Noimage_dt_team
{
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
    position:relative;
    border: 1px solid #dddddd;
}
.height-35
{
    height: 35px!important;
}
.theme-dark .family_image_dt_team,.theme-dark .family_Noimage_dt_team
{
    border:none!important;
}

.family_image_dt_team img
{
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
}

.theme-light .cardEvento
{
    background-color: rgba(255, 255, 255, 0.6);
}

.theme-light .table-bordered.dataTable th:last-child, .theme-light table.table-bordered.dataTable th:last-child, .theme-light table.table-bordered.dataTable td:last-child, .theme-light table.table-bordered.dataTable td:last-child {
    background-color: rgba(255, 255, 255, 0.6)!important;
}

.cardEvento
{
    padding: 10px;
    margin-bottom: 2px!important;
}

.divisoreCardEvento
{
    padding-left: 10px;
    padding-right: 10px;
}
.theme-light .divisoreCardEvento
{
    background-color: rgba(255, 255, 255, 0.6);
    padding: 0!important;
    padding-bottom: 5px;
}

.user_spesa_gen
{
    border-bottom: 1px solid rgba(0, 0, 0, 0.125)!important;
}

.theme-dark .user_spesa_gen
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.125)!important;
}

.theme-light div.dts div.dataTables_scrollBody 
{
    background-color: transparent!important;
}

div.dts div.dataTables_scrollBody,.theme-light #tb_lista_all_spese tr
{
    background: none!important;
    background-color: transparent!important;
}

.theme-light #pg_shopping_liste table
{
    background-color: transparent!important;
}

.tasti_fixed
{
    position: fixed;
    bottom: -5px;
    width: 100%!important;
}
#modaleSpesaGenStep2,#modaleSpesaGenStep3,#modaleSpesaGenStep1
{
    position: relative;
    height: 380px!important;
}

#modaleSpesaGenStep3_cont
{
    height: 380px!important;
    overflow-y: scroll!important;
    padding-bottom: 80px!important;
}
#modaleSpesaGenStep3
{
    width:103%!important;
}

.user_image_tab
{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    position:relative;
    border: 1px solid #dddddd;
    display: inline-block;
}

.theme-dark .user_image_tab
{
    border:none!important;
  
}

.user_image_tab img
{
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
   
}
.user_image_name
{
    display: inline-block;
    text-align: left;
    margin-left: 2px;
    line-height: 35px;
    height: 35px;
}

.theme-dark .bg_footer_Spese_gen
{
    background-color: #21252a !important;
}

.theme-light .bg_footer_Spese_gen
{
    background-color: #ffffff !important;
}


.push_notifica_icon img
{
    width: 30px;
    border-radius: 50%;
}


.notification-ios.show
{
    /* regola valida solo per cordova iphone */
    /*top: 40px !important;*/
}

#modaleNotifichePush
{
    opacity: 0.96!important;
}

/* FOOTER PER IPHONE */
/*
#footer-bar {
    border-radius: 27px!important;
    margin-left: 10px;
    margin-right: 10px;
    position: fixed !important;
    bottom: 40px!important;
    height: 70px!important;
    padding-top: 3px!important;
  
}

.footer-bar-4 .active-nav::after
{
    background-color: transparent!important;
    
}
.footer-bar-4 .active-nav i
{
    color: #ED5565!important;
    border-bottom: 2px solid #ED5565!important;
}


#blur-behind-footer
{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 125px; 
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    z-index: 97;
}*/

/* FINE FOOTER PER IPHONE*/


#footer-bar {
    border-radius: 27px!important;
    margin: 10px;
}

#blur-behind-footer
{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 85px; /* La stessa altezza della tua barra del footer più il margine desiderato */
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    z-index: 97; /* Meno di #footer-bar per stare dietro */
}

/*.theme-light .bl_pagina, .theme-light #page
{
    background-color: #fff1ee!important;
}*/
/* annullato -> sostituito dappertutto il rosso #D5565  con #e8c3ba */
.nuova_card_rest
{
     /* Dimensioni e bordi arrotondati */
  width: 97%!important;
  height: 200px;
  border-radius: 15px;

  /* Gradiente lineare con colori ipotetici */


  /* Ombra con valori ipotetici */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

  /* Stili aggiuntivi per centrare il contenuto (opzionale) */

  align-items: center;
  background-size: 300px auto, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: center center, left top;
}

.nuova_card_rest_rosa
{
    background-image: url('../images/card_bilancio7.png'),linear-gradient(to left, #FABEC0, #FAD4D4);  
  
}
.nuova_card_rest_rosa h1, .nuova_card_rest_rosa h2, .color_rest_rosa
{
    color: #783336!important;
}

.nuova_card_rest_blu
{
    background-image: url('../images/card_costi3.png'),linear-gradient(to left, #A7C7E7, #9FB7D4);
}

.nuova_card_rest_blu h1, .nuova_card_rest_blu h2,.color_rest_blu
{
    color: #233043!important;
}
  
.nuova_card_rest_green 
{
    
    background-image: url('../images/card_previsti5.png'),linear-gradient(to left, #d15f56, #f68776);
}

.nuova_card_rest_vacqua
{
    background-image: url('../images/card_pulizie3.png'),linear-gradient(to left, #93c3b7, #96b5ad);
}

.nuova_card_rest_vacqua h1, .nuova_card_rest_vacqua h2,.color_rest_vacqua
{
    color: #0f2931!important;
}

.nuova_card_rest_gialla
{
    background-image: url('../images/card_spesegen2.png'),linear-gradient(to left, #ffe9b4, #fff3ce);

}

.nuova_card_rest_gialla h1, .nuova_card_rest_gialla h2,.color_rest_gialla
{
    color: #705410!important;
}


.nuova_card_rest_green h1, .nuova_card_rest_green h2,.color_rest_green
{
    color: #561e15!important;
}

.nuova_card_rest_purple
{
    
    background-image: url('../images/card_prmancanti2.png'),linear-gradient(to left, #C7A7E7, #D4A9F7);
}

.nuova_card_rest_purple h1, .nuova_card_rest_purple h2,.color_rest_purple
{
    color: #372549!important;
}

.splide__slide
{
    width: calc(100vw - 20px)!important;
}
.splide__sr
{
    display: none!important;
}

.splide__pagination
{
    bottom: -2.5em!important;
}

.home_bl2
{

    max-height: 120px;
    height: 120px;
    border-radius: 15px;

    /* Gradiente lineare con colori ipotetici */


    /* Ombra con valori ipotetici */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);

    /* Stili aggiuntivi per centrare il contenuto (opzionale) */

    align-items: center;
    background-size: 150px auto, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: center center, left top;
}

.spinner-border-small
{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: -0.125em;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: 0.75s linear infinite spinner-border;
}

.pg_home_cal_add_btn
{
    width: 38px!important;
    height: 38px!important;
    border-radius: 50%!important;
    color: white!important;
    font-size: 21px!important;
    background-color: #ed5565!important;
    line-height: 14px!important;
    font-weight: 500!important;
    padding: unset!important;
    padding-bottom: 4px!important;
    margin-left: 0.75em!important;
}
.pg_home_cal_forw_btn
{
    border: 1px solid transparent!important;
    border-radius: 0.25em!important;
    display: inline-block!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    padding: 0.4em 0.65em!important;
    text-align: center!important;
    user-select: none!important;
    vertical-align: middle!important;
    border-bottom-left-radius: 0px!important;
    border-top-left-radius: 0px!important;
    text-align: center!important;
    user-select: none!important;
    vertical-align: middle!important;
    margin: 0px!important;
    margin-left: -1px!important;
    overflow: visible!important;
    text-transform: none!important;
    background-color: transparent!important;
    color: #ed5565!important;
    border-color: #ed5565!important;
    width: 38.38px!important;
    height: 32.72px!important;
    font-size: 1em!important;
}
.pg_home_cal_forw_btn i
{
    font-size: 1.5em!important;
}

.pg_home_cal_back_btn
{
    border: 1px solid transparent!important;
    border-radius: 0.25em!important;
    display: inline-block!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    padding: 0.4em 0.65em!important;
    text-align: center!important;
    user-select: none!important;
    vertical-align: middle!important;
    border-bottom-right-radius: 0px!important;
    border-top-right-radius: 0px!important;
    text-align: center!important;
    user-select: none!important;
    vertical-align: middle!important;
    margin: 0px!important;
    margin-right: -4px!important;
    overflow: visible!important;
    text-transform: none!important;
    background-color: transparent!important;
    color: #ed5565!important;
    border-color: #ed5565!important;
    width: 38.38px!important;
    height: 32.72px!important;
    font-size: 1em!important;
}
.pg_home_cal_back_btn i
{
    font-size: 1.5em!important;
}

/* da incollare su cordova */
.progress-container {
    font-family: 'Arial', sans-serif;
    text-align: center;
    margin-bottom: 10px;
  }
  
  .progress-labels {
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    color: #333;
  }
  
  .progress-bar {
    background: #e0e0e0;
    border-radius: 10px;
    height: 20px;
    position: relative;
    overflow: hidden;
  }
  
  .progress-bar-inner {
    background: #5c6bc0;
    height: 100%;
    border-radius: 10px 0 0 10px;
    position: relative;
    width: 0%;
    animation: fillBar 2s forwards;
    display: flex;
    align-items: center;
  }
  
  @keyframes fillBar {
    to { width: 70%; }
  }
  
  .progress-bar-stripe {
    height: 2px;
    background: #ffffff;
    width: calc(100% - 10px);
    margin-left: 5px;
    position: relative;
  }
  
  .progress-bar-stripe-head {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffffff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .progress-value {
    color: #333; /* Colore del testo */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 10px; /* Distanza dal bordo destro della barra */
    animation: moveLabel 2s forwards; /* Animazione per muovere la label */
  }
  
  @keyframes moveLabel {
    to { right: calc(30% + 10px); } /* Sposta la label a destra in base alla larghezza animata della .progress-bar-inner */
  }