#ag_grid_admin_container {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: 2vh;
  padding-left: 1vw;
  padding-right: 1vw;
  width: 100%;

}

#ag_grid_admin {
  height: 100% !important;
  min-height: 0vh !important;
  opacity: 0;
  animation: fadeInAnimation 1s forwards !important; /* Apply the animation */

}


#top_row_buttons_above_table_admin {
  padding-left: 1vw;
  display: flex;
  flex-direction: row;
  padding-bottom: 1vh;
  animation: flyInFromLeft 0.5s ease-in-out !important;  
}

#remove_warning_message_admin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 1vw;
  padding-right: 1vw;

  font-size: var(--font-size-body);
}

#assign_role_container {
  display: flex;
  flex-direction: row;
}


.centered_dropdown_admin {
  background-color: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
}

.centered_dropdown_admin > div {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.row_admin_panel_role_selection {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: inherit;
  height: 100%; 

}
#roles_dropdown {
  margin-top: 2vh;
  margin-bottom: 8vh;
  height: var(--input-field-height-multi) !important;
}


#roles_dropdown > .Select--multi {
  width: 100%;

}

#roles_dropdown > .Select--multi > .Select-control {
  height: var(--input-field-height-multi) !important;
}
#roles_dropdown > .Select--multi > .Select-control >.Select-multi-value-wrapper {
  height: var(--input-field-height-multi) !important;
  text-align: left !important;
}

#roles_dropdown > .Select--multi > .Select-control >.Select-multi-value-wrapper > .Select-value {
  width: 95% !important;
  margin-right: 20px !important;
}



#button_rows_new_roles {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: inherit;

}