html,
body {
    background-color: #DDD;
}
#v_div{
    text-align:right;
}
/*IMPOSTAZIONI GRAFICHE SCHERMATA LOGIN*/
.app-form-login {
    position: absolute;
    border-radius: 20px;
}

#logo_login.login {
    text-align: center;
    padding: 10px;
}

#logo_login.main {
    text-align: left;
    padding: 2px 0px;
}

#logo_login span {
    text-align: center;
    font-size: 20px !important;
    font-weight: bold !important;
}

.img-login {
    width: auto;
    height: auto;
}

#logo_login img {
    width: 100px;
    height: 100px;
    vertical-align: middle;
    margin-right: 7px;
}

.labelLogin .webix_el_box {
    vertical-align: middle;
    font-size: 18px !important;
    font-weight: bold !important;
}

body {
    /*font-family: 'Roboto', sans-serif;*/
    /*
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    text-rendering: optimizelegibility !important;
    */
}

.iconaToolbar span::before {
    color: white;
}

.iconaToolbar button::before {
    background-color: unset !important;
}

.sfondoTextRed > div > input {
    background: #FF4646;
    color: white;
}

.sfondoText > div > input {
    background: #DDDDDD;
}

.sfondoTextarea > div > textarea {
    background: #DDDDDD;
}

.sfondoPicker .webix_inp_static {
    background: #DDDDDD !important;
}

.colonneEditabili {
    /*background-color: #ffffdf !important;*/
    background-color: #fafacf !important;
}

.righeBloccate {
    /* background-color: #F2F3F4 !important*/
    background-color: #DDDDDD !important;
}

.righeScadenza {
    background-color: #ffd2b3 !important;
}

.righeEliminate {
    background-color: #DDDDDD !important;
}

.righeNonAttive {
    background-color: #FFA3A3 !important;
}

.righeEliminateNonAttive {
    background-color: #FFDB99 !important;
}

.formattaTesto > div > input {
    color: red;
}

/*
.righeExp {
    background-color: #b8dffc !important;
    background-image: linear-gradient(45deg, #ffd2b3, #b8dffc) !important;
}*/

.iframe-template .webix_template{
    padding: unset !important;
}

.mainLabel > div {
    font-size: 10px !important;
    font-style: italic;
}

.border-less {
    border-bottom: unset !important;
}

.backgroundView {
    background-color: #ffffdf !important;
}

.mdi {
    vertical-align: middle !important;
}

    .mdi.header {
        font-size: 20px !important;
    }

.webix_icon {
    vertical-align: middle !important;
}

.webix_el_icon .webix_badge {
    font-size: 10px !important;
    height: 16px !important;
    line-height: 16px !important;
    min-width: 16px !important;
    border-radius: 8px !important;
    top: 2px !important;
}

.webixtype_base {
    vertical-align: middle !important;
}

.evoButtonGreenText button {
    color: #34A853 !important;
}

.evoButtonGreenText span {
    color: #34A853 !important;
}

.evoButtonRedText button {
    color: #CC0000 !important;
}

.evoButtonRedText span {
    color: #CC0000 !important;
}

.evoButtonBlueText button {
    color: #1CA1C1 !important;
}

.evoButtonBlueText span {
    color: #1CA1C1 !important;
}

.evoButtonOrangeText button {
    color: orange !important;
}

.evoButtonOrangeText span {
    color: orange !important;
}

.evoButtonDarkMagentaText button {
    color: darkmagenta !important;
}

.evoButtonDarkMagentaText span {
    color: darkmagenta !important;
}

.evoButtonSaddlerownText button {
    color: saddlebrown !important;
}

.evoButtonSaddlerownText span {
    color: saddlebrown !important;
}

evoButtonBlackText button {
    color: black !important;
}

.evoButtonBlackText span {
    color: black !important;
}

evoButtonTealText button {
    color: teal !important;
}

.evoButtonTealText span {
    color: teal !important;
}

evoButtonDarkRedText button {
    color: darkred !important;
}

.evoButtonDarkRedText span {
    color: darkred !important;
}

evoButtonNavyText button {
    color: navy !important;
}

.evoButtonNavyText span {
    color: navy !important;
}

.evoButtonGreen button {
    /*
    background-color: #34A853 !important;
    color: #FFFFFF !important;
    */
    color: #34A853 !important;
}

.evoButtonGreen span {
    color: #34A853 !important;
}

.evoButton {
}

    .evoButton button {
        background-color: #1CA1C1 !important;
        color: #FFFFFF !important;
    }

    .evoButton span {
        color: #FFFFFF !important;
    }

    .evoButton:hover button {
        background-color: #1992Af !important;
        color: #FFFFFF !important;
    }

.evoButton_Red {
}

    .evoButton_Red button {
        background-color: #FF5C4C !important;
        color: #FFFFFF !important;
    }

    .evoButton_Red span {
        color: #FFFFFF !important;
    }

    .evoButton_Red:hover button {
        background-color: #FF4938 !important;
        color: #FFFFFF !important;
    }

.evoButton_Green {
}

    .evoButton_Green button {
        background-color: #1faa00 !important;
        color: #FFFFFF !important;
    }

    .evoButton_Green span {
        color: #FFFFFF !important;
    }

    .evoButton_Green:hover button {
        background-color: #198A00 !important;
        color: #FFFFFF !important;
    }


.evoButton_Orange {
}

    .evoButton_Orange button {
        background-color: #FF8800 !important;
        color: #FFFFFF !important;
    }

    .evoButton_Orange span {
        color: #FFFFFF !important;
    }

    .evoButton_Orange:hover button {
        background-color: #F65314 !important;
        color: #FFFFFF !important;
    }

#logo_head {
    vertical-align: middle;
    /*border:1px solid red;*/
}

    #logo_head.login {
        text-align: center;
        padding: 10px;
    }

    #logo_head.main {
        text-align: left;
        padding: 2px 0px;
    }

    #logo_head img {
        width: 24px;
        height: 24px;
        /*width: 100px;
        height: 100px;*/
        vertical-align: middle;
        margin-right: 7px;
    }

    #logo_head span {
        vertical-align: middle;
        font-size: 18px;
        font-weight: bold;
    }

/*
.webix_column > div:nth-child(2n) {
    background-color: #F7F7F7;
}
*/

/*
.webix_column > div.webix_cell_select:nth-child(2n), .webix_column > div.webix_column_select:nth-child(2n), .webix_column > div.webix_row_select:nth-child(2n) {
    color: #fff !important;
    background: #27ae60 !important;
}
*/

.datatable_btn {
    cursor: pointer;
    font-size: 18px;
    margin: 2px;
    color: #94A1B3;
}

    .datatable_btn.mdi-close {
        color: #d50000;
    }

    .datatable_btn.btn_modifica {
        color: #1CA1C1;
    }

    .datatable_btn.btn_nota_c {
        color: darkorange;
    }

    .datatable_btn.btn_nota_l {
        color: darkorange;
    }

    .datatable_btn.btn_nota {
        color: darkorange;
    }

    .datatable_btn.btn_anteprima {
        color: green;
    }

    .datatable_btn.btn_password {
        color: #ffd700;
    }

    .datatable_btn.btn_disabilita {
        color: red;
    }

    .datatable_btn.btn_auth {
        color: blue;
    }

    .datatable_btn.btn_associa {
        color: black;
    }

    .datatable_btn.btn_copy {
        color: orange;
    }

    .datatable_btn.btn_param {
        color: green;
    }

    .datatable_btn.btn_calcola_gps {
        color: orange;
    }

    .datatable_btn.btn_ripristina_gps {
        color: orange;
    }

    .datatable_btn.btn_dati_inizio_distr {
        color: red;
    }

    .datatable_btn.btn_associa_punto_vendita {
        color: forestgreen;
    }

    .datatable_btn.btn_aggiungi_e_associa {
        color: forestgreen;
    }

    .datatable_btn.btn_prezzi_committenti {
        color: forestgreen;
    }

    .datatable_btn.btn_prezzi_aree {
        color: purple;
    }

    .datatable_btn.btn_duplica_area {
        color: saddlebrown;
    }

    .datatable_btn.btn_lista_comuni {
        color: teal;
    }

    .datatable_btn.btn_stampa {
        color: forestgreen;
    }

    .datatable_btn.btn_aggiorna {
        color: darkblue;
    }

    .datatable_btn.btn_cancella_massivo {
        color: red;
    }

    .datatable_btn.btn_aggiorna_sequenza {
        color: orange;
    }

    .datatable_btn.btn_xls_distibuzione {
        color: forestgreen;
    }

    .datatable_btn.btn_aggiorna_comm {
        color: darkblue;
    }

    .datatable_btn.btn_aggiorna_aree {
        color: darkblue;
    }

    .datatable_btn.btn_aggiorna_stato_vol {
        color: darkblue;
    }

    .datatable_btn.btn_carica_comm {
        color: darkblue;
    }

    .datatable_btn.btn_vis_totali {
        color: #11CDF7;
    }

    .datatable_btn.btn_stampa_ordine {
        color: #a31532;
    }

    .datatable_btn.btn_stampa_distr {
        color: #a31532;
    }

    .datatable_btn.btn_importa_distr {
        color: #228B22;
    }

    .datatable_btn.btn_chiudi_loc {
        color: #3ea2e6;
    }

    .datatable_btn.btn_exp_xls {
        color: #18ab1f !important;
    }

    .datatable_btn.btn_aggiungi_associa_insegna {
        color: darkgreen !important;
    }

    .datatable_btn.btn_aggiungi_associa_punto_vendita {
        color: darkred !important;
    }

    .datatable_btn.btn_add {
        color: #3ccc3c;
    }

    .datatable_btn.btn_prog_residui {
        color: #3ccc3c;
    }

    .datatable_btn.btn_ordine_loc {
        color: lightskyblue;
    }

    .datatable_btn.btn_aggiungi_ora {
        color: forestgreen;
    }

    .datatable_btn.btn_del_non_distr {
        color: red;
    }

    .datatable_btn.btn_riapri_righe {
        color: lightsalmon;
    }

    .datatable_btn.btn_gps_usati {
        color: #0000FF;
    }

    .datatable_btn.btn_tot_vol {
        color: #0000FF;
    }

    .datatable_btn.btn_controllore_prog {
        color: #0000FF;
    }

    .datatable_btn.btn_agg_info {
        color: #0000FF;
    }

    .datatable_btn.btn_agg_comm {
        color: #0000FF;
    }

    .datatable_btn.btn_aggiorna_note_area {
        color: #34A853 !important;
    }

    .datatable_btn.btn_download {
        color: #1CA1C1;
    }

    .datatable_btn.btn_anteprima_corpo {
        color: green;
    }

    .datatable_btn.btn_anteprima_oggetto {
        color: orangered;
    }

    .datatable_btn.btn_agg_num_vol_massivo {
        color: darkmagenta;
    }

    .datatable_btn.btn_agg_pos_partenza_massivo {
        color: #CC0000;
    }

    .datatable_btn.btn_agg_note_massivo {
        color: saddlebrown;
    }

    /*.datatable_btn.btn_agg_via {
        color: #0000FF;
    }*/

    .nascondi_bottoni {
        /*color:#F2F3F4 !important;*/
        cursor: not-allowed;
        color: lightgrey !important;
    }

.datatable_btn.btn_syncro {
    color: #1CA1C1;
}

.datatable_btn.btn_disabilita_clienti {
    color: #1CA1C1;
}

.dettaglio_loc {
    cursor: pointer;
}

.dettaglio {
    cursor: pointer;
}

.btn_togli_spunte .webix_icon:before {
    color: darkblue;
}

.btn_exp_xls .webix_icon:before {
    color: #18ab1f;
}

.btn_copy .webix_icon:before {
    color: orange;
}

.btn_elimina .webix_icon:before {
    color: #d50000;
}

.btn_modifica .webix_icon:before {
    color: #1CA1C1;
}

.btn_nascondi .webix_icon:before {
    cursor: not-allowed;
    color: lightgrey;
}

.splash_section {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    color: #BBBBBB;
}

    .splash_section .splash_section_inner {
        display: table-cell;
        font-size: 250px;
        text-align: center;
        vertical-align: bottom;
    }

.webix_table_checkbox:hover {
    cursor: pointer;
}

.common_loading_overlay {
    display: inline-block;
    padding: 10px;
    text-align: center;
    background-color: #FFF;
    border-radius: 3px;
    border: 1px solid #888;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    color: #1CA1C1;
}

.NavBarButton {
    border: 1px solid #333333;
    background-color: #FFFFFF;
    display: inline-block;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    text-align: center;
    margin: 3px 7px;
    box-shadow: 0px 0px 1px 2px rgba(255,255,255,0.5);
}

    .NavBarButton:hover {
        background-color: #EEEEEE;
        cursor: pointer;
    }

    .NavBarButton img {
        vertical-align: middle;
        text-align: center;
        margin-top: 6px;
    }

    .NavBarButton i {
        vertical-align: middle;
        text-align: center;
        /*margin-top: 6px;*/
        line-height: 30px;
        font-size: 20px;
    }

    .NavBarButton.active {
        animation-duration: 350ms;
        animation-name: blink_NavBarButton;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

@keyframes blink_NavBarButton {
    from {
        background-color: #ffffff;
    }

    to {
        background-color: #ffd800;
    }
}

#evo_kml_alert {
    position: absolute;
    top: 9px;
    right: 50px;
    border: 1px solid #333333;
    background-color: #FFFFFF;
    display: inline-block;
    border-radius: 14px;
    height: 28px;
    line-height: 28px;
    padding: 0px 10px;
    vertical-align: middle;
    text-align: center;
    box-shadow: 0px 0px 1px 2px rgba(255,255,255,0.5);
}

.evoIcon {
    border: 0px;
}

    .evoIcon > div {
        border: none;
        padding: 0px;
        color: #94A1B3;
        text-align: center;
        font-size: 20px !important;
        line-height: 28px;
    }

    .evoIcon.blue i {
        color: #1CA1C1;
    }

    .evoIcon.orange i {
        color: #F65314;
    }


.conn_status ::before.active {
    color: #F65314 !important;
}

.conn_status ::before.connected {
    color: #1faa00;
}

.conn_status ::before.disconnected {
    color: #CC0000;
}

.webix_el_icon.orange span.webix_icon {
    color: #F65314 !important;
}

.evoModal .webix_el_box {
    margin: 15px;
    /*padding: 15px;*/
}

.evoDetail .webix_el_box {
    background-color: #1CA1C1 !important;
    color: #FFFFFF !important;
    padding-left: 5px;
}

.evoDetailWin .webix_el_box {
    background-color: #1CA1C1 !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    padding-left: 5px;
}

/* TREELIST ANAGRAFICHE*/
.cartellaPrincipale {
    font-weight: bold;
    font-size: 14px !important;
    color: black;
}

.sottocartellaAnagrafica {
    font-weight: bold;
    color: midnightblue;    
}

.sottocartellaAnagraficaNonAttiva {
    font-weight: bold;
    color: red;
}

.cartellaCommArchiviati {
    font-weight: bold;
}

.iconaAnagrafiche {
    color: black;
}
.iconaCommittentiArchiviati {
    color: red;
}

.webix_tree_item:hover {
    background-color: lightblue;
}

.listaAnag .webix_tree_item.webix_selected {            /*si appica alla treelist lista anagrafiche*/
    background: lightblue !important; 
    /*color: black !important;*/                           /*disabilitato al momento, funziona solo sui committenti perchè hanno il colore del carettere predefinito dal programma*/
}

.listaAnag .webix_tree_file {
    color: #db711a; /* file contatto aperto - arancione */
}

.listaAnag .webix_tree_folder {
    color: #1CA1C1;
}

.listaAnag .webix_tree_folder_open {
    color: #1CA1C1;
}

.listaContattiChiusi .webix_tree_item.webix_selected {
    background: lightblue !important;
}

.listaContattiChiusi .webix_tree_file {
    color: #34A853; /* file contatto chiuso - verde */
}

.listaContattiChiusi .webix_tree_folder {
    color: #1CA1C1;
}

.listaContattiChiusi .webix_tree_folder_open {
    color: red;
}

.listaMotiviChiusi .webix_tree_folder { /*VERDI*/
    color: #34A853;
}

.listaMotiviChiusi .webix_tree_folder_open {
    color: #34A853;
}

.bg_motivi_chiusi {
    background-color: #34A853 !important;
}

.bg_motivi_aperti {
    background-color: #db711a !important;
}

/*.listaMotivi .webix_tree_folder_open {
    color: #CF9FFF;
}*/

.listaMotiviAperti .webix_tree_folder { /*ARANCIONE*/
    color: #db711a;
}

.listaMotiviAperti .webix_tree_folder_open {
    color: #db711a;
}

/*ICONA APERTI/CHIUSI */
.chiuso .webix_icon {
    color: #34A853 !important;
}

.aperto .webix_icon {
    color: #db711a !important;
}

/*.sottocartellaMotivi {
    font-weight: bold;
    color: #CF9FFF;
}*/

.subcelle {
    /*display: flex;*/
    /*flex-direction: column;*/
    /*width: auto;*/
    white-space: nowrap;
    /*height: 100%;*/
}

.subcella {
    /*flex: 0 1 auto;*/
    line-height: 14px;
    font-size: 10px;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    overflow: hidden;
    height: 17px;
}

.cellaCheck {
    /*height: 17px;*/
    font-size: 10px;
    white-space: nowrap
}

.subCheck {
    /*flex: 0 1 auto;*/
    line-height: 14px;
    font-size: 10px;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    overflow: hidden;
    height: 17px;
}

.tomare:hover {
    cursor: pointer;
}

.btnLogout .webix_icon {
    color: white !important;
}

.btnLogout .webix_icon_button:hover:before {
    color: white !important;
    background-color: #16819c !important;
}

.prom_div {
    display: inline-flex;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.webix_icon_status {
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    vertical-align: middle !important;
    text-align: center;
}
    .webix_icon_status.mdi-close {
        color: #d50000;
    }

    .webix_icon_status.btn_modifica {
        color: #1CA1C1;
    }

.iconaSwClientiArchiviati {
    color: red;
}

.btn_alert .webix_icon:before {
    color: red;
}

/* Aggiunto da Mattia B il 03/02/2022*/

.icona_ticket {
    font-size: 20px;
    display: flex;
    justify-content: center;
    padding-top: 3px
}

.flagViola {
    margin-top: 1px !important;
    color: #8700FF !important;
}

    .flagViola .webix_icon {
        color: #8700FF !important;
    }

.flagViolaSel {
    margin-top: 1px !important;
}

    .flagViolaSel .webix_icon {
        color: #8700FF !important;
        background-color: #DDDDDD !important
    }

.flagRosso {
    margin-top: 1px !important;
    color: #D50000 !important;
}

.flagRosso .webix_icon {
    color: #D50000 !important;
}

.flagRossoSel {
    margin-top: 1px !important;
}

.flagRossoSel .webix_icon {
    color: #D50000 !important;
    background-color: #DDDDDD!important
}

.flagGiallo {
    margin-top: 1px !important;
    color: #FFC107 !important;
}

.flagGiallo .webix_icon {
    color: #FFC107 !important;
}

.flagGialloSel {
    margin-top: 1px !important;
}

    .flagGialloSel .webix_icon {
        color: #FFC107 !important;
        background-color: #DDDDDD !important;
    }

.flagAzzurro {
    margin-top: 1px !important;
    color: #1CA1C1 !important;
}

.flagAzzurro .webix_icon {
    color: #1CA1C1 !important;
}

.flagAzzurroSel {
    margin-top: 1px !important;
}

    .flagAzzurroSel .webix_icon {
        color: #1CA1C1 !important;
        background-color: #DDDDDD !important;
    }

.flagVerde {
    margin-top: 1px !important;
    color: #4caf50 !important;
}

    .flagVerde .webix_icon {
        color: #4caf50 !important;
    }
.flagVerdeSel {
    margin-top: 1px !important;
}

    .flagVerdeSel .webix_icon {
        /*color: #239023 !important;*/
        color: #4caf50 !important;
        background-color: #DDDDDD !important;
    }

.flagVerdeScuro {
    margin-top: 1px !important;
    color: #357a38 !important;
}

    .flagVerdeScuro .webix_icon {
        color: #357a38 !important;
    }

.flagVerdeScuroSel {
    margin-top: 1px !important;
}

    .flagVerdeScuroSel .webix_icon {
        color: #357a38 !important;
        background-color: #DDDDDD !important;
    }

.flagGrigio {
    margin-top: 1px !important;
    color: #94a1b3 !important;
}

.flagGrigio .webix_icon {
    color: #94a1b3 !important;
}

.flagGrigioSel {
    margin-top: 1px !important;
}

.flagGrigioSel .webix_icon {
    color: #94a1b3 !important;
    background-color: #DDDDDD !important
}

.scroll_anag {
    overflow-x: scroll !important;
}
/*
.scroll_anag::-webkit-scrollbar {
    max-height: 50% !important;
    height: 50% !important;
}
.scroll_anag::-webkit-scrollbar-track {
    max-height: 50% !important;
    height: 50% !important;
}

    .scroll_anag::-webkit-scrollbar-thumb{
        height: 1px !important 
    }*/

    .scroll_anag::-webkit-scrollbar {
        width: 3pt;
        height: 4px !important;
        /*padding-top: 4px !important;
        
    scroll-padding: 4px;*/
    }



    .scroll_anag::-webkit-scrollbar-track {
        background: transparent;
        
        /*height: 1px !important;*/
        /*padding-top: 4px !important;
        scroll-padding: 4px;*/
    }



        .scroll_anag::-webkit-scrollbar-track:hover {
            background: transparent;
            
            /*height: 1px !important;*/
            width: 10pt !important;
            /*
                padding-top: 4px !important;
            scroll-padding: 4px;*/
        }



    .scroll_anag::-webkit-scrollbar-thumb {
        /*height: 1px !important;*/
        background: #cccccc;
        border-radius: 10pt;
        
        /*
            padding-top: 4px !important;
        scroll-padding: 4px;*/
    }



        .scroll_anag::-webkit-scrollbar-thumb:hover {
            background: #cccccc;
            
            /*height: 1px !important;
            padding-top: 4px !important;
            
            scroll-padding: 4px;*/
        }

style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

style-1::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.webix_list_item .default-item {
    padding: unset !important;
}

/* PULSANTI SU LISTA */
.btn_azzurro_wx {
    color: #1CA1C1;
    cursor: pointer;
    font-size: 18px;
}

.btn_verde_wx {
    color: #239023;
    cursor: pointer;
    font-size: 18px;
}

.btn_rosso_wx {
    color: #D50000;
    cursor: pointer;
    font-size: 18px;
}

.btn_arancione_wx {
    color: #F2A508;
    cursor: pointer;
    font-size: 18px;
}

.btn_grigio_wx {
    color: #DDD;
    cursor: pointer;
    font-size: 18px;
}

/* ICONE */
.btn_mostra_all .webix_icon:before {
    color: #239023;
}

.btn_stampa_programma .webix_icon:before {
    color: #a31532;
}

/* CALENDARIO */
.today {
    cursor: pointer;
    width: 25px;
    height: 25px;
    border: 1px solid #1ca1c1;
    border-radius: 50%;
}

.today:hover {
    color: #1ca1c1;
    font-weight: 500;
    background-color: #ddd;
    border-radius: 50%;
}

.weekDayMonth {
    cursor: pointer;
    width: 25px;
    height: 25px;
    color: #1ca1c1;
}

.weekDayMonth:hover {
    font-weight: 500;
    background-color: #ddd;
    border-radius: 50%;
}

.dayMonth {
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.dayMonth:hover {
    color: #1ca1c1;
    font-weight: 500;
    background-color: #ddd;
    border-radius: 50%;
}

.nodayMonth {
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.nodayMonth:hover {
    color: purple;
    font-weight: 500;
    background-color: #bfbfbf;
    border-radius: 50%;
}

.inserisci-attivita {
    flex: 1 0 auto;
    text-align: end;
    font-size: 32px;
    color: #1CA1C1;
    margin-top: 4px;
    cursor: pointer;
}


.alert_bell {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 30px;
    /*margin: 10px auto 0;*/
    color: #D50000;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }

    1% {
        -webkit-transform: rotateZ(30deg);
    }

    3% {
        -webkit-transform: rotateZ(-28deg);
    }

    5% {
        -webkit-transform: rotateZ(34deg);
    }

    7% {
        -webkit-transform: rotateZ(-32deg);
    }

    9% {
        -webkit-transform: rotateZ(30deg);
    }

    11% {
        -webkit-transform: rotateZ(-28deg);
    }

    13% {
        -webkit-transform: rotateZ(26deg);
    }

    15% {
        -webkit-transform: rotateZ(-24deg);
    }

    17% {
        -webkit-transform: rotateZ(22deg);
    }

    19% {
        -webkit-transform: rotateZ(-20deg);
    }

    21% {
        -webkit-transform: rotateZ(18deg);
    }

    23% {
        -webkit-transform: rotateZ(-16deg);
    }

    25% {
        -webkit-transform: rotateZ(14deg);
    }

    27% {
        -webkit-transform: rotateZ(-12deg);
    }

    29% {
        -webkit-transform: rotateZ(10deg);
    }

    31% {
        -webkit-transform: rotateZ(-8deg);
    }

    33% {
        -webkit-transform: rotateZ(6deg);
    }

    35% {
        -webkit-transform: rotateZ(-4deg);
    }

    37% {
        -webkit-transform: rotateZ(2deg);
    }

    39% {
        -webkit-transform: rotateZ(-1deg);
    }

    41% {
        -webkit-transform: rotateZ(1deg);
    }

    43% {
        -webkit-transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(0);
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0);
    }

    1% {
        -moz-transform: rotate(30deg);
    }

    3% {
        -moz-transform: rotate(-28deg);
    }

    5% {
        -moz-transform: rotate(34deg);
    }

    7% {
        -moz-transform: rotate(-32deg);
    }

    9% {
        -moz-transform: rotate(30deg);
    }

    11% {
        -moz-transform: rotate(-28deg);
    }

    13% {
        -moz-transform: rotate(26deg);
    }

    15% {
        -moz-transform: rotate(-24deg);
    }

    17% {
        -moz-transform: rotate(22deg);
    }

    19% {
        -moz-transform: rotate(-20deg);
    }

    21% {
        -moz-transform: rotate(18deg);
    }

    23% {
        -moz-transform: rotate(-16deg);
    }

    25% {
        -moz-transform: rotate(14deg);
    }

    27% {
        -moz-transform: rotate(-12deg);
    }

    29% {
        -moz-transform: rotate(10deg);
    }

    31% {
        -moz-transform: rotate(-8deg);
    }

    33% {
        -moz-transform: rotate(6deg);
    }

    35% {
        -moz-transform: rotate(-4deg);
    }

    37% {
        -moz-transform: rotate(2deg);
    }

    39% {
        -moz-transform: rotate(-1deg);
    }

    41% {
        -moz-transform: rotate(1deg);
    }

    43% {
        -moz-transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}