#event-filters {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 320px;
    /* height: 80%; */
    padding: 10px 15px 10px 25px;
    background-color: #ffffff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    border-radius: 25px 0 0 25px;
    z-index: 1001;
    transition: transform 0.3s ease;
    font-size: 10px;
    /* overflow-y:auto; */
}
    
#event-filters.collapsed {
    transform: translateX(95%) translateY(-50%);
}

#div-Event-Filter {
    padding: 10px;
    border-radius: 25px;
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    margin-bottom: 5px;
    margin-top: 10px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    transition: height 0.3s ease;
}

.toggle-button-event-filter {
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 20%;
    width: 20px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    z-index: 1002;
    transition: background-color 0.3s ease; */
}

.toggle-button-event-filter i {
    font-size: 10px;
}

#titreEvenements {
    margin: 0;
    font-size: 18px;
    padding-bottom: 5px;
}

.iconeFiltres{
    height: 10px;
    opacity: .5;
}

    ul.ks-cboxtags {
        list-style: none;
        padding: 10px;
    }

    ul.ks-cboxtags li {
        display: inline;
    }

    ul.ks-cboxtags li label {
        display: inline-block;
        background-color: rgba(255, 255, 255, .9);
        border: 2px solid rgba(139, 139, 139, .3);
        color: #adadad;
        border-radius: 25px;
        white-space: nowrap;
        margin: 3px 0px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        transition: all .2s;
    }

    ul.ks-cboxtags li label {
        padding: 8px 12px;
        cursor: pointer;
    }

    ul.ks-cboxtags li label::before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 12px;
        padding: 2px 6px 2px 2px;
        content: "\f067";
        transition: transform .3s ease-in-out;
    }

    ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
        content: "\f00c";
        transform: rotate(-360deg);
        transition: transform .3s ease-in-out;
    }

    ul.ks-cboxtags li input[type="checkbox"]:checked + label {
        color: #ffffff;
        text-shadow: #000000 1px 0 2px;
        transition: all .2s;
    }

    ul.ks-cboxtags li input[type="checkbox"] {
        display: absolute;
    }

    ul.ks-cboxtags li input[type="checkbox"] {
        position: absolute;
        opacity: 0;
    }

    ul.ks-cboxtags li input[type="checkbox"]:focus + label {
        border: 2px solid #212121;
    }

    ul.ks-cboxtags li input[type="checkbox"]:checked + label.actualite {
background-color: #D82626;
border-color: #D82626;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.alimentation {
background-color: #D85B26;
border-color: #D85B26;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.climat {
background-color: #D89126;
border-color: #D89126;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.conflits {
background-color: #D8C626;
border-color: #D8C626;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.culture {
background-color: #B5D826;
border-color: #B5D826;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.developpement-durable {
background-color: #7FD826;
border-color: #7FD826;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.droits-animaux {
background-color: #49D826;
border-color: #49D826;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.economie {
background-color: #26D838;
border-color: #26D838;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.education {
background-color: #26D86D;
border-color: #26D86D;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.engagement {
background-color: #26D8A3;
border-color: #26D8A3;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.historique {
background-color: #26D8D8;
border-color: #26D8D8;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.mode {
background-color: #26A3D8;
border-color: #26A3D8;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.migration {
background-color: #266DD8;
border-color: #266DD8;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.politique {
background-color: #2638D8;
border-color: #2638D8;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.sante {
background-color: #4926D8;
border-color: #4926D8;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.science {
background-color: #7F26D8;
border-color: #7F26D8;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.sport {
background-color: #B526D8;
border-color: #B526D8;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.technologie {
background-color: #D826C6;
border-color: #D826C6;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.tourisme {
background-color: #D82691;
border-color: #D82691;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.urbanisme {
background-color: #D8265B;
border-color: #D8265B;
}