/* Add here all your CSS customizations */
    h3.widget-title:after {
        content: "";
        display: block;
        width: 12%;
        height: 2px;
        margin-top: 5px;
        background:#a82c33;
    }

    h4.widget-title:after {
        content: "";
        display: block;
        width: 12%;
        height: 2px;
        margin-top: 5px;
        background:#a82c33;
    }

    h5.widget-title:after {
        content: "";
        display: block;
        width: 12%;
        height: 2px;
        margin-top: 5px;
        background:#a82c33;
    }

    .border-bold {
        border:3px solid #a82c33;
     }
 
    /*  Green */
    .filter-green {
        color: #28a745; 
        filter: invert(50%) sepia(100%) saturate(358%) hue-rotate(82deg) brightness(86%) contrast(91%);
    }
    .filter-bg-green {
        color: #ffffff;
         background-color: #28a745; 
    }
    
    .card-featured-left-green {
        border-left: 3px solid #28a745;
    }

    /*  Green Yellow*/

    .filter-green-yellow {
        color: #90EE90; 
    }

    .filter-bg-green-yellow {
        color: #ffffff;
         background-color: #90EE90; 
    }

    /*  Blue */
    .filter-blue {
        color: #0088cc; 
        filter: invert(34%) sepia(85%) saturate(1244%) hue-rotate(172deg) brightness(95%) contrast(102%);
    }
    .filter-bg-blue {
        color: #ffffff;
        background-color: #0088cc; 
    }

    .card-featured-left-blue {
        border-left: 3px solid #0088cc;
    }

    /*  Orange */
    .filter-orange {
        color:#ffc107;
        /*filter: invert(76%) sepia(96%) saturate(1727%) hue-rotate(349deg) brightness(99%) contrast(106%);*/
        filter: invert(73%) sepia(91%) saturate(1097%) hue-rotate(352deg) brightness(101%) contrast(103%);
    }
    .filter-bg-orange {
        color: #ffffff;
        background-color: #ffc107; 
    }
    
    .card-featured-left-orange {
        border-left: 3px solid #ffc107;
    }

    /*  Red */
    .filter-red {
        color: #dc3545;
        filter: invert(55%) sepia(91%) saturate(5575%) hue-rotate(332deg) brightness(86%) contrast(100%);
    }
    .filter-bg-red {
        color: #ffffff;
        background-color: #dc3545; 
    }

    .card-featured-left-red {
        border-left: 3px solid #dc3545;
    }
    
    /*  Gray */
    .filter-gray {
        color: #696969;
        filter: invert(43%) sepia(2%) saturate(18%) hue-rotate(68deg) brightness(94%) contrast(94%);
    }
    .filter-bg-gray {
        color: #ffffff;
        background-color: #696969; 
    }
  
    .card-featured-left-gray {
        border-left: 3px solid #696969;
    }

    .testo-tab {
        color: #212529;
    }
    
    .float{
        position:fixed;
        width:60px;
        height:60px;
        bottom:20px;
        right:20px;
        background-color:#25d366;
        color:#FFF;
        border-radius:50px;
        text-align:center;
      font-size:30px;
        box-shadow: 2px 2px 3px #999;
      z-index:100;
    }
    
    .my-float{
        margin-top:16px;
        margin-left:2px;
    }
    
    .InstIos{
        position:fixed;       
        left:0px;
        right:0px;
        bottom:20px;
        background-color:#ecd9c6;
        color:#000000;
        font-size:100%;
        border-radius:10px;
        z-index:99999;
    }
    .InstIosArrow{
        position:fixed;       
        width: 30px;
        left: 50%;
        height: 30px;
        bottom:5px;
        background-color:#ecd9c6;
        z-index:99998;
        -webkit-transform: translateX(-50%) rotate(
            45deg
            );
                transform: translateX(-50%) rotate(
            45deg
            );
    }
 
    [data-letters]:before {
        content:attr(data-letters);
        display:inline-block;
        font-size:1em;
        width:2.5em;
        height:2.5em;
        line-height:2.5em;
        text-align:center;
        border-radius:50%;
        background:#b38651;
        vertical-align:middle;
        margin-right:0.6em;
        color:white;
        }

    a.gflag {vertical-align:middle;font-size:32px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/32.png);}
    a.gflag img {border:0;}
    a.gflag:hover {background-image:url(//gtranslate.net/flags/32a.png);}
    #goog-gt-tt {display:none !important;}
    .goog-te-banner-frame {display:none !important;}
    .goog-te-menu-value:hover {text-decoration:none !important;}
    body {top:0 !important;}
    #google_translate_element2 {display:none!important;}
  
    .iti { width: 100%; }

    .input-group > .select2-container--bootstrap {
        width: auto;
        flex: 1 1 auto;
    }
    
    .input-group > .select2-container--bootstrap .select2-selection--single {
        height: 100%;
        line-height: inherit;
        padding: 0.5rem 1rem;
    }

    .drop_zone {
        width: 100%;
        min-height: 120px;
        border: 2px dashed #ccc;
        border-radius: 10px;
        padding: 15px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .drop_zone.hover {
        background-color: #f0f0f0;
    }