.save_menu, .load_menu {
  transition: 0.5s;
  position: absolute;
  z-index: 100;
  /*! border: 2px solid #00000045; */
  width: 63vh;
  background-color: rgb(255, 255, 255);
  visibility: hidden;
  opacity: 0.0;
  /*! padding: 2vh; */
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  border-radius: 0.7vh;
  bottom: 15vh;
  box-shadow: 0.1vh 0.2vh 1vh #00000052;
}

.save_menu_button {
  position: relative;
  height: 2vh;
  z-index: 100;
  padding: 2vh 1vh;
  border: 2px solid #00000045;
  width: 4vh;
  margin-top: -95vh;
  background-color: rgba(0, 0, 0, 0.35);
  margin-left: 164vh;
  display: none;
}

.save {
  margin-bottom: 2.2vh;
  display: flex;
  height: 10vh;
  position: relative;
}

.save_name {
  color: white;
  font-size: 4vh;

  margin-top: 10vh;
  margin-right: 2vh;
}

.saved_background {
  width: 16vh;
  cursor: pointer;
  border-radius: 0.5vh;
  height: 10vh;
}

.saved_time {
  font-size: 1.9vh;
  color: #797979;
  padding: 0.3vh 2.2vh;
  width: 14vh;
}

.empty {
  color: #181818;
  font-size: 2.5vh;
  text-align: center;
  display: none;
}

.delete_save {
  width: 2vh;
  height: 2.5vh;
  cursor: pointer;
  position: absolute;
  right: 0;
  background-repeat: no-repeat;
  background-image: url(../../static/images/bucket.webp);
  background-size: contain;
  margin-right: 0.3vh;
}


.save_menu_button {
  position: relative;
  height: 2vh;
  z-index: 100;
  padding: 2vh 1vh;
  border: 2px solid #00000045;
  width: 4vh;
  margin-top: -95vh;
  background-color: rgba(0, 0, 0, 0.35);
  margin-left: 164vh;
  display: none;
}

.save {
  margin-bottom: 2.2vh;
  display: flex;
  height: 10vh;
  position: relative;
}

.save_name {
  color: white;
  font-size: 4vh;

  margin-top: 10vh;
  margin-right: 2vh;
}

.save:hover {
  background-color:rgba(255, 255, 255, 0.18);
  border-radius: 1vh;
}

.saved_location {
  font-size: 2vh;
  color: #363535;
  /* position: absolute; */
  padding: 0.5vh 2vh;
  font-weight: 500;
  width: 36vh;
}

.save_button_container, .edit_button_container {background-color: #6d71fd;width: 100%;height: 7.5vh;position: relative;bottom: 0;border-radius: 0 0 0.7vh 0.7vh;}

.save_button_container {
  display: none;
}

.edit_button_container {
  position: absolute;
}

.loads_locked_popup {
  background-color:white;
  width: 40vh;
  border-radius: 0.5vh;
  padding: 1vh 0vh;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 38%;
  position: absolute;
  box-shadow: 0.1vh 0.2vh 1vh #00000052;
}

.loads, .loads_locked {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 53vh;
  padding: 3vh 2.8vh 0 2.8vh;
}

.loads_locked_popup {
  background-color:white;
  width: 40vh;
  border-radius: 0.5vh;
  padding: 1vh 0vh;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 38%;
  position: absolute;
  box-shadow: 0.1vh 0.2vh 1vh #00000052;
}

.loads_overlay {
  position: absolute;
  z-index: 100;
  background-color: #ffffff99;
  height: 87.2%;
  border-radius: 0.5vh;
  width: 100%;
}

.save_button {
  font-size: 2vh;
  font-family: "Avenir Next";
  font-weight: 500;
  border: 0.2vh white solid;
  color: white;
  text-align: center;
  position: absolute;
  top: 1.5vh;
  right: 2vh;
  padding: 0.7vh 2vh;
  cursor: pointer;
  background: none;
}

.saves, .saves_locked {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 53vh;
  padding: 2.5vh 2.8vh 0 2.8vh;
}

.saved_time {
  font-size: 1.9vh;
  color: #797979;
  padding: 0.3vh 2.2vh;
  width: 14vh;
}