.font-portale {
        font-family: 'Combo', cursive !important;
    }
    
    .colore-portale {
        color: #892031 !important;
    }
    /*.main-content .shadow-icons {
    z-index: 1;
    left: 22px;
    top: 34px;
    position: absolute;
    fill: #60749842!important;
    color: transparent!important;
}*/
    
    .logo-footer {
        height: 34px !important;
        margin-left: 8px;
    }
    /* ================== Classi override =================== */
    
    .header-container {
        background: #892031 !important;
    }
    
    .navbar .nav-logo a.navbar-brand .navbar-brand-name {
        font-family: 'Combo', cursive !important;
        color: #fff !important;
        font-size: 2em !important;
    }
    
    .form-form .form-form-wrap h1 .brand-name {
        font-family: 'Combo', cursive !important;
        color: #892031;
        font-size: 1.5em !important;
    }
    
    .form-form .form-form-wrap form .field-wrapper a.forgot-pass-link {
        color: #892031;
    }
    
    .form-form .terms-conditions a {
        color: #892031;
    }
    
    .form-image .l-image {
        background-image: url(../img/logo_login.png);
        background-color: #892031;
    }
    /* ombre sui menu*/
    
    .shadow-icons {
        position: absolute;
        left: 2px;
        top: 25px;
        fill: #60749842!important;
        color: transparent!important;
        z-index: -1;
    }
    
    div.info .shadow-icons {
        position: absolute;
        left: 15px;
        top: 33px;
        fill: #60749842!important;
        color: transparent!important;
        z-index: 0;
    }
    
    @media(max-width: 991px) {
        .shadow-icons {
            position: absolute;
            left: 12px;
            top: 17px;
            fill: #60749842!important;
            color: transparent!important;
            z-index: -1;
        }
        #topbar .theme-brand li.theme-text a {
            font-family: 'Combo', cursive !important;
            color: #892031 !important;
        }
        .topbar-nav.header nav#topbar ul.menu-categories li.menu.active>.dropdown-toggle {
            background: #892031 !important;
        }
    }

    /** datatable con tr selezionabile */
    .row_hand tr {
        cursor: pointer;
    }

    .w-btn-link {
        transition: .2s ease-out;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        border: none;
        padding: 0px 3px;
    }

    /** hack per colorpicker in modale */
    .popover.colorpicker-bs-popover{
        z-index: 1061;
    }

    .modal-xxl {
        max-width:90%
    }

    /*overwrite tab bar */
    a.nav-link.active {
        background-color: #555!important;
        color: #FFF!important;
        font-weight: bold;
        background: linear-gradient(180deg, rgba(100,100,100,1) 0%, rgba(122,122,122,1) 57%, rgb(224 230 237) 100%)!important;
    }


    /*IED*/

    .persona{
        border: 1px #ddd solid;
        padding: 5px 5px 0px 5px;
        margin-bottom: 2px;
        border-radius: 5px
    }

    .paragrafo-intervista h5{
        margin: 64px 0 30px 0;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
    }

    .titolo_sezione{
        text-shadow: 3px 2px 3px #999090
    }

    /*calcolatore */

    #mod-ied div.calcolatore input{
        text-align: right;
    }

    #mod-ied div.calcolatore{
        border: 2px solid #8f124c;
        padding: 9px;
        border-radius: 5px;
    }

    #mod-ied div.calcolatore .col:nth-child(1){
        border-right: 1px solid;
    }

    #mod-ied div.calcolatore label{
        margin-top: 25px;
    }


    /*scheda attivita */
    .btn_pdf_attiv{
        cursor: pointer;
        float: left;
        font-size: 1rem;
        color: #e7515a;
        padding-right: 2px;
        display: none;
    }

    #calendario.utente_attivo .btn_pdf_attiv{
        display: inline !important;
    }


    .selettore_agente select{
        border: 1px solid #DDD;
        border-radius: 5px;
        padding: 2px;
    }


    .navbar .navbar-item .nav-item.dropdown.message-dropdown .nav-link span.badge{
        width: 15px;
        height: 15px;
        right: -8px;
        background-color: #2651b5;
    }

    .tooltip-inner {
        max-width: 350px;
        /* If max-width does not work, try using width instead */
        width: 350px;
    }



    /*task*/
     .component-card_4 {
         width: 100%;
         margin: 0 auto;
         border: none;
         border: 1px solid #e0e6ed;
         border-radius: 8px;
         -webkit-box-shadow: 4px 6px 10px -3px #bfc9d4;
         box-shadow: 4px 6px 10px -3px #bfc9d4; }
    .component-card_4 .card-body {
        padding: 0;
        display: flex; }
    .component-card_4 .user-profile {
        white-space: nowrap;
        align-self: center;
        padding: 0 25px; }
    .component-card_4 img {
        border-radius: 50%; }
    .component-card_4 .user-info {
        padding: 24px 8px 24px 0px; width: 100%}
    .component-card_4 .card-user_name {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 10px; }
    .component-card_4 .card-user_occupation {
        color: #888ea8;
        font-size: 13px; }
    .component-card_4 .card-star_rating span {
        display: inline-block;
        padding: 0px 8px;
        font-size: 15px;
        border-radius: 50px;
        margin-bottom: 22px; }
    .component-card_4 .card-star_rating svg {
        width: 16px;
        vertical-align: bottom; }
    .component-card_4 .card-text {
        color: #515365;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 600;
        line-height: 23px;
        margin-right: 30px;}
    .component-card_4 .footer {
        position: absolute; right: 15px; bottom: 3px; font-style: italic;}

    .component-card_4.rossa{
        border-color: red; border-width: 2px;
    }
    .component-card_4.blue{
        border-color: blue; border-width: 2px;
    }
    .component-card_4.gialla{
        border-color: yellow; border-width: 2px;
    }

    /* task */
    #tab-content-task .task-container .tc.deleted .card{
        opacity: .4;
    }


    .task-container{
        cursor: grab;
    }

    .stellina.vuota{
        fill: #c2c9c9;
    }
    .stellina.rossa{
        fill: red!important;
    }
    .stellina.blue{
        fill: blue;
    }
    .stellina.gialla{
        fill: yellow;
    }

    .tc .dropdown-menu{
        min-width: 10px!important;
    }

    /* icone di brevo */

    span[brevo-icon], span[mail-search-icon] {
        transform: scale(0.7);
        width: 1em;
        height: 1em;
        margin-top: -20px;
    }
    span[mail-search-icon] {
        /* color: #857477; */
    }
    span[mail-search-icon] i:first-child{top:-4px;}
    span[brevo-icon] i:last-child, span[mail-search-icon] i:last-child{ margin-left: 12px;margin-top: -13px;font-size: .8em;}
    span[brevo-icon] i.add:last-child, span[mail-search-icon] i.add:last-child{color: green; cursor: pointer;}
    span[brevo-icon] i.edit:last-child, span[mail-search-icon] i.edit:last-child{color:  #a5641f; cursor: pointer;}
    span[brevo-icon] i.wait:last-child, span[mail-search-icon] i.wait:last-child {color:  #a83bd3; cursor: default;}
    span[brevo-icon] i.invalid:last-child, span[mail-search-icon] i.invalid:last-child {color:  #eb110f; cursor: default;}
    .popover {
        z-index: 1040;
    }
    .popover .popover-body a:not(.btn) {
        color: #007bff;
        text-decoration: underline;
        cursor: pointer;
    }
    form.search {
        position: relative;
    }
    .navbar .navbar-item .nav-item form.form-inline input.search-form-control {
        width: 100px;
        transition: width 0.3s ease;
    }
    .navbar .navbar-item .nav-item form.form-inline input.search-form-control:focus,
    .navbar .navbar-item .nav-item form.form-inline input.search-form-control:not(:placeholder-shown) {
        width: 600px;
    }
    .navbar .navbar-item .nav-item.search-animated svg{
        z-index: 2;
    }
    form.search .result{
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        z-index: 100;
        width: 700px;
        min-width: 300px;
        max-height: 60vh;
        overflow-y: auto;
        background: white;
        border: 1px #999 solid;
        border-radius: 0 0 5px 5px;
        box-shadow: 0 2px 8px #0002;
        transition: transform 0.2s;
        transform: scale(1);
        padding: 10px;
    }
    form.search .close-search{
        right: -6px;
    }
    form.search input:placeholder-shown + .close-search {
        display: none;
    }
    form.search input:not(:placeholder-shown) + .close-search {
        display: block;
    }
    form.search .result svg {
        display: inline-block;
        position: static !important;
        left: auto !important;
        top: auto !important;
        z-index: auto !important;
        color: initial !important;
        margin-right: 8px;
        vertical-align: middle;
    }
    form.search .result .shadow-icons {
        position: static !important;
        left: auto !important;
        top: auto !important;
        z-index: auto !important;
        color: initial !important;
    }
    form.search input {
        transition: width 0.3s ease;
        width: 180px;
    }

    form.search input:focus,
    form.search input:not(:placeholder-shown) {
        width: 300px;
    }
    form.search-full div.result a span.email{
        color: #572020;
    }
    form.search-full div.result a span.tel{
        color: #0f3e54;
    }
    form.search-full div.result a span.data{
        color: #0c0d43;
    }

    /*clienti */
    #mod-cliente .form-check label{
        font-size: .9em;
    }

    .icon-cell {
        vertical-align: middle !important;
        text-align: end;
        padding-right: 5px;
    }
    .icon-cell svg, .icon-cell i, .icon-cell img {
        vertical-align: middle;
        display: inline-block;
    }
    .bg-gray-100 {
        background-color: #e9ebed !important;
    }