div[class^="RestockRequest-restockRequest-"] {
  	position: static;
}
div[class^="Dialog-background-"] {
  	z-index: 1000;
}
span[class^="RestockRequest-restockRequestFabText-"], span[class^="RestockRequest-restockRequestFab-"], span[class^="RestockRequest-restockRequestFab-"]:hover {
  	font-size: 13px;
    font-weight: 700;
    color: #fff;
  	border-radius: 5px;
    padding: 0.25rem 0.5rem;
    border: none;
    background: #d79599;
  	position: fixed;
    top: auto;
    bottom: 6.5rem;
    right: 1rem;
    left: auto;
  	transition: all 0.5s ease;
}
span[class^="RestockRequest-restockRequestFab-"] {
  	height: 1.5rem;
  	border-radius: 2rem;
    padding: 0.25rem 0.5rem;
	bottom: 6.5rem;
}

@media only screen and (max-width: 767px) {

  span[class^="RestockRequest-restockRequestFab-"] {
    position: fixed;
      top: auto;
      left: calc(50% - 16px);
      bottom: 6.5rem;
      width: 1rem;
  }
	span[class^="RestockRequest-restockRequestFab-"]:hover {
      position: fixed;
      top: auto;
      left: 50%;
      bottom: 6.5rem;
      width: 100%;
      max-width: calc(300px - 3rem);;
      transform: translateX(-50%);
  }
  span[class^="RestockRequest-label-"] {
  		min-width: 240px;
  }
  span[class^="RestockRequest-restockRequestFabText-"] {
  		position: fixed;
      top: auto;
      left: calc(50% - 145px);
      bottom: 6.5rem;
      max-width: calc(290px - 1rem);
      display: flex;
      width: 100%;
      justify-content: center;
  }
}
@media only screen and (max-width: 350px) {
	span[class^="RestockRequest-restockRequestFab-"], span[class^="RestockRequest-restockRequestFabText-"], span[class^="RestockRequest-restockRequestFab-"]:hover {
      bottom: 7.5rem;
  }
}