/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /* bar recherche event list page  */
 .search-container {
    display: flex;
    align-items: center;
    gap: 10px; 
}

.search-item {
    flex: 0 0 70%; 
}

.date-item {
    flex: 1; 
}

.date-item input[type="date"] {
    width: 100%; 
}
input#event-search {
width: 100%;
}
.lesboutons {
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;
    padding-top: 63px;
    margin-left: 20px;
}

    .header-actions .btn-2 {
        font-size: 14px;
        color: #fff !important;
        background-color: #7555ca; 
        border-color: #7555ca; 
        border-radius: 50px; 
        padding: 0.6rem 1.5rem; 
      
    }
    .header-actions .btn-3{
        color: #7555ca !important;
        background-color: #ffffff; 
        border-color: #7555ca; 
        border-radius: 50px;
        margin-left: 15px;
        margin-right: 15px;
        padding: 0.5rem 1.5rem; 
   
    }
  
 .header-actions .btn-4{
    background-color: #ada5e2;
    color: #fff;
    border-color: #ada5e2; 
    border-radius: 50px; 
    padding: 0.5rem 1.5rem; 
}
    .header-actions .btn-2 :before {
        padding-right: 5px !important;
        }


div#newSection {
    margin-top: 56PX;
}