/* Event*/
.event-infos{
    display: flex;
    align-items: center;
    margin-left: 1rem;
}
.event-details{
    margin-left: 2rem;
}
.event-details title{
    text-transform: uppercase;
}
   
.event-logo{
    display: flex;
    flex-direction: column; 
    justify-content: space-between;
    margin: 0.5rem;
      
}

  .event-infos img{
    width: 58px;
    height: 58px;
    border-radius: 6px;
  }
  .custom-btn {
    background-color: transparent !important;
    border: 2px solid #007bff !important;
    border-radius: 50px !important;
    padding: 10px 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}

    .custom-btn:hover {
        background-color: #007bff !important;
        color: white !important;
    }

.custom-icon {
    color: #007bff !important;
    font-size: 1.0em !important;
}

.custom-text {
    color: #007bff !important;
    font-weight: 500 !important;
    font-size: 0.75em !important;
}

.custom-btn:hover .custom-icon,
.custom-btn:hover .custom-text {
    color: white !important;
}

.scrollbar {
    overflow-y: scroll;
    scrollbar-width: thin;
    margin: 10px,0px,10px,0px;
}

  /* login*/
  .login_body {
    padding:1rem 2rem;
    background: linear-gradient( to left top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5) );
    box-shadow: 6px 6px 20px rgb(122 122 122 / 21%);
    border-radius: 2rem;
}
.login_body:hover {
    box-shadow: 10px 10px 30px rgb(122 122 122 / 40%);
}
  a.login_page {
    
    font-size: 18px;
    display: block;
    text-align:center;
  }
  footer{
      background-color: white;
  }

.btn-add-preferences {
    font-weight: 500;
    text-align: center;
    margin: 0.75em 0 0.75em 0.75em;
    padding: 0.75em;
    box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 10%);
    background: linear-gradient( to right bottom, rgba(196, 218, 91, 1), rgba(196, 218, 91, 1) );
    border-radius: 1rem;
}
@media screen and (max-width: 428px) {
    .event-infos {
        margin-left: .25rem;
    }

    .event-details {
        margin: auto 1rem;
    }
}